Плавное изменения прозрачности на javascript

(Ответов: 15, Просмотров: 6393)
Страница 2 из 2 Первая 12
  1. Новичок
    • Регистрация: 30.05.2011
    • Сообщений: 27
    • Репутация: 0
    Весёлый химик, а что за ФФ?
    • 0
  2. Дипломник
    • Регистрация: 29.11.2009
    • Сообщений: 131
    • Репутация: 32
    ФФ = FF = FireFox :)
    Сорри, профессиональное сокращение.
    • 0
  3. Новичок
    • Регистрация: 30.05.2011
    • Сообщений: 27
    • Репутация: 0
    Код:
    <h1 onclick="doOpa();">It works!</h1>
            <div style="background-color:black;width:400px;height:200px;opacity:0" id="odiv"></div>
            <script type="text/javascript">
                function doOpa()
                {
    			  var VBbg = document.getElementById('odiv');
    			  var o = VBbg.style.opacity += 0.1;
                  if (o < 0.7)
                  {
                    setTimeout(arguments.callee,200);
                  }
                }
            </script>
    Этот код по идее должен постепенно прибавлять к opacity 0.1 пока opacity не будет равно 0.7, но этот код только прибавляет 0.1 к opacity. В чем ошибка?
    • 0
  4. Дипломник
    • Регистрация: 29.11.2009
    • Сообщений: 131
    • Репутация: 32
    Дело вот в чем, так как js - язык с динамической типизацией, то VBbg.style.opacity рассматривается как строка и оператор += производит не сложение чисел, а конкатенацию строк. Для -= все получается, так как оператор - для строк не определен.
    Надо исправить строку на такую:
    Код HTML:
    var o = VBbg.style.opacity = VBbg.style.opacity*1+0.1;
    • 0
  5. Разработка любых сайтов Аватар для ArhStrAngeR
    • Регистрация: 08.06.2011
    • Сообщений: 3,375
    • Записей в дневнике: 1
    • Репутация: 2506
    можешь глянуть пример тут http://www.tigir.com/opacity.htm
    • 1

    Спасибо сказали:

    ololo(19.07.2011),
  6. Особый статус Аватар для domainsfree
    • Регистрация: 13.01.2011
    • Сообщений: 507
    • Репутация: 211
    Единственное, что я бы порекомендовал, это не переусердствовать с JS, а лучше вообще исключить, ну и уж точно выносить в отдельный файл.
    • 0
Страница 2 из 2 Первая 12

Похожие темы

Темы Раздел Ответов Последний пост
Изменения поисковой выдачи 29.04.11
Апдейты Yandex 3 30.04.2011 18:30
История изменения ТИЦ'a
Софт, скрипты, сервисы 19 15.01.2011 23:51
Javascript для узнавания последнего изменения страницы
Софт, скрипты, сервисы 7 16.09.2009 12:09
Глобальные изменения рынка
Оффтоп и свободные темы 13 05.09.2009 00:35

У кого попросить инвайт?

Вы можете попросить инвайт у любого модератора:

Информеры