Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 22.12.2011, 14:50
Zub Zub вне форума
Новичок на форуме
Отправить личное сообщение для Zub Посмотреть профиль Найти все сообщения от Zub
 
Регистрация: 22.12.2011
Сообщений: 5

Всплывающий блок
Добрый день.
Пытаюсь сделать всплывающий блок с информацией на JS+CSS.
Хочется одновременное изменение масштаба и прозрачности.
Нашёл пример как с поможью JS реализуется изменение прозрачности, а вот про масштаб-пока никак. Возможно ли менять? крайне желательно без всяких жквырей.
Поиском пока ничего подходящего не нашлось
Ответить с цитированием
  #2 (permalink)  
Старый 22.12.2011, 20:11
Аватар для nerv_
junior
Отправить личное сообщение для nerv_ Посмотреть профиль Найти все сообщения от nerv_
 
Регистрация: 29.11.2011
Сообщений: 3,924

\примерно так
<html>
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            body { margin: 15px; }
            div { background-color:green; height:50px; width:50px; }
        </style>
        <script type="text/javascript">
            var l;
            (function() {
                var h, w, t;
                l = function(b) {
                    var x = document.getElementsByTagName("div")[0];
                    var j = x.currentStyle || window.getComputedStyle(x, null);
                    h = j.height.replace(/\D/g,"") - 0;
                    w = j.width.replace(/\D/g,"") - 0;
                    clearTimeout(t);
                    if(b) {
                        if(h < 100) {
                            x.style.height = (h += 2) + "px";
                            x.style.width = (w += 4) + "px";
                            t = setTimeout(function() {l(true)}, 50);
                        }
                    }
                    else {
                        if(h > 50) {
                            x.style.height = (h -= 2) + "px";
                            x.style.width = (w -= 4) + "px";
                            t = setTimeout(function() {l(false)}, 50);
                        }
                    }
                }
            })();
        </script>
    </head>
    <body>
        <div onmouseover="l(true);" onmouseout="l(false);"></div>
    </body>
</html>
__________________
Чебурашка стал символом олимпийских игр. А чего достиг ты?
Тишина - самый громкий звук
Ответить с цитированием
  #3 (permalink)  
Старый 23.12.2011, 13:56
Zub Zub вне форума
Новичок на форуме
Отправить личное сообщение для Zub Посмотреть профиль Найти все сообщения от Zub
 
Регистрация: 22.12.2011
Сообщений: 5

nerv_,
спасибо огромное! буду пытаться сращивать
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Всплывающий блок. Beriagts jQuery 4 03.08.2013 02:58
Показать/скрыть блок Lelja_05 jQuery 10 01.07.2013 19:05
Выдвижной блок fr0d Javascript под браузер 0 02.09.2011 16:37
Фиксированный блок kakarotto Элементы интерфейса 2 08.07.2010 23:20
Всплываюший блок! daron jQuery 5 14.05.2010 10:20