Всем привет!
Мне нужно сделать, чтобы у одного объекта плавно изменялось свойство прозрачности. например: было opacity='0', а за определенное время прозрачность плавно изменилась на opacity='0.7'. Я чайник, поэтому лучше распишите подробнее.
- 05.07.2011 20:37
- Регистрация: 30.05.2011
- Сообщений: 27
- Репутация: 0
- 05.07.2011 20:40
Юзай JQuery!
http://bit.ly/ly4e9A - 05.07.2011 20:59
- Регистрация: 30.05.2011
- Сообщений: 27
- Репутация: 0
aidem,
Это не то. Там слишком много кода, а мне надо добавить небольшой кусок кода для изменения прозрачности в уже готовый скрипт чисто для красоты. - 05.07.2011 21:10
Если у тебя какой то уже гоитовый скрипт есть, то тебе самому придётся вникать в него и придумывать решение, а так никто не сможет тебе здесь сказать в какой строке тебе нужно вписать оператор который решит твои проблемы.
И почему ты считаешь что $("#selector").fadeOut() - это много кода? - 05.07.2011 21:21
- Регистрация: 30.05.2011
- Сообщений: 27
- Репутация: 0
aidem, я про другое. Там же еще подгружается .js файл, а в нём очень много кода и в нём не разобраться и не убрать лишнее, ведь мне надо, чтобы значение прозрачности изменилось ОДИН РАЗ! Но если это сделать очень трудно, то подскажите как сделать, чтобы переменная равная 0 плавно изменила значение на 0.7
- 05.07.2011 21:25
Ну извини тогда чувак, как это делается на чистом JS я к сожалению не знаю...
Удачи в поисках. - 05.07.2011 21:39
- Регистрация: 30.05.2011
- Сообщений: 27
- Репутация: 0
aidem,ок
- 05.07.2011 22:23
- Регистрация: 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>
Спасибо сказали:
ololo(05.07.2011), - 05.07.2011 22:48
- Регистрация: 30.05.2011
- Сообщений: 27
- Репутация: 0
Весёлый химик, СПАСИБО!!! Но в IE пишет "Строка: 6
Ошибка: 'console' - определение отсутствует", но с этим можно разобраться. - 05.07.2011 22:56
- Регистрация: 29.11.2009
- Сообщений: 131
- Репутация: 32
Это да, скрипт в ФФ делал, вообще сотрите эту строку про сonsole - она для отладки.
Тэги топика:
Похожие темы
Темы | Раздел | Ответов | Последний пост |
---|---|---|---|
Изменения поисковой выдачи 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 |