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

(Ответов: 15, Просмотров: 6393)
Страница 1 из 2 12 Последняя
  1. Новичок
    • Регистрация: 30.05.2011
    • Сообщений: 27
    • Репутация: 0
    Всем привет!
    Мне нужно сделать, чтобы у одного объекта плавно изменялось свойство прозрачности. например: было opacity='0', а за определенное время прозрачность плавно изменилась на opacity='0.7'. Я чайник, поэтому лучше распишите подробнее.
    • 0
  2. Orange Аватар для aidem
    • Регистрация: 11.11.2010
    • Сообщений: 502
    • Репутация: 127
    • Webmoney BL: ?
    Юзай JQuery!
    http://bit.ly/ly4e9A
    • 0
  3. Новичок
    • Регистрация: 30.05.2011
    • Сообщений: 27
    • Репутация: 0
    aidem,
    Это не то. Там слишком много кода, а мне надо добавить небольшой кусок кода для изменения прозрачности в уже готовый скрипт чисто для красоты.
    • 0
  4. Orange Аватар для aidem
    • Регистрация: 11.11.2010
    • Сообщений: 502
    • Репутация: 127
    • Webmoney BL: ?
    Если у тебя какой то уже гоитовый скрипт есть, то тебе самому придётся вникать в него и придумывать решение, а так никто не сможет тебе здесь сказать в какой строке тебе нужно вписать оператор который решит твои проблемы.
    И почему ты считаешь что $("#selector").fadeOut() - это много кода?
    • 0
  5. Новичок
    • Регистрация: 30.05.2011
    • Сообщений: 27
    • Репутация: 0
    aidem, я про другое. Там же еще подгружается .js файл, а в нём очень много кода и в нём не разобраться и не убрать лишнее, ведь мне надо, чтобы значение прозрачности изменилось ОДИН РАЗ! Но если это сделать очень трудно, то подскажите как сделать, чтобы переменная равная 0 плавно изменила значение на 0.7
    • 0
  6. Orange Аватар для aidem
    • Регистрация: 11.11.2010
    • Сообщений: 502
    • Репутация: 127
    • Webmoney BL: ?
    Ну извини тогда чувак, как это делается на чистом JS я к сожалению не знаю...
    Удачи в поисках.
    • 0
  7. Новичок
    • Регистрация: 30.05.2011
    • Сообщений: 27
    • Репутация: 0
    aidem,ок
    • 0
  8. Дипломник
    • Регистрация: 29.11.2009
    • Сообщений: 131
    • Репутация: 32
    Наверняка тут что-то лишнее и, скорее всего, это не кроссбраузерно, но вот так можно.
    Код HTML:
    <h1 onclick="doOpa();">It works!</h1> <div style="background-color:red;width:400px;height:200px;opacity:1" id="odiv"></div> <script type="text/javascript">
                function doOpa()
                {
                    console.log(document.getElementById('odiv').style.opacity);
                    setTimeout(function(){
                        var o = document.getElementById('odiv').style.opacity -= 0.1;
                        if (o > 0.2)
                        {
                            setTimeout(arguments.callee,200);
                        }
                    },200);
                }
            </script>
    • 1

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

    ololo(05.07.2011),
  9. Новичок
    • Регистрация: 30.05.2011
    • Сообщений: 27
    • Репутация: 0
    Весёлый химик, СПАСИБО!!! Но в IE пишет "Строка: 6
    Ошибка: 'console' - определение отсутствует", но с этим можно разобраться.
    • 0
  10. Дипломник
    • Регистрация: 29.11.2009
    • Сообщений: 131
    • Репутация: 32
    Это да, скрипт в ФФ делал, вообще сотрите эту строку про сonsole - она для отладки.
    • 0
Страница 1 из 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

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

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

Информеры