Гость
Целевая тема:
Создать новую тему:
Автор:
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / java fade-in и out эфекты / 7 сообщений из 7, страница 1 из 1
26.04.2009, 07:28
    #35954412
defenders
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java fade-in и out эфекты
Помогите с поиском скрипта.
Нужен яваскрипт который будет делать обьектам плавное появление(fade-in) и затухание(fade-out).
В сети всё, не то что надо.
Нужно 2 отдельных яваскрипта в, которых ну жно было бы, только указть iD.
...
Рейтинг: 0 / 0
26.04.2009, 12:21
    #35954515
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java fade-in и out эфекты
А что мешает взять фреймворк? - 20-50кб особой погоды не сделают.
...
Рейтинг: 0 / 0
27.04.2009, 09:32
    #35955147
defenders
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java fade-in и out эфекты
IDVsbruckА что мешает взять фреймворк? - 20-50кб особой погоды не сделают.
по определённым причинам фреймворк (jQuery) ни прокатит.
вообщем нащёл то , что мне надо.
.js
Код: plaintext
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
var TimeToFade =  1000 . 0 ;

function fade(eid){

var element = document.getElementById(eid);
if(element == null)
return;

if(element.FadeState == null){
element.FadeState = - 2 ;
}

if(element.FadeState ==  1  || element.FadeState == - 1 ){
element.FadeState = element.FadeState ==  1  ? - 1  :  1 ;
element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;

}else{
element.FadeState = element.FadeState ==  2  ? - 1  :  1 ;
element.FadeTimeLeft = TimeToFade;
setTimeout("animateFade(" + new Date().getTime()
+ ",'" + eid + "')",  33 );
}
}

function animateFade(lastTick, eid){ 

var curTick = new Date().getTime();
var elapsedTicks = curTick - lastTick;

var element = document.getElementById(eid);

if(element.FadeTimeLeft <= elapsedTicks){

element.style.opacity = element.FadeState ==  1  ? '1' : '0';
element.style.filter = 'alpha(opacity = '
+ (element.FadeState ==  1  ? '100' : '0') + ')';
element.FadeState = element.FadeState ==  1  ?  2  : - 2 ;

return;
}

element.FadeTimeLeft -= elapsedTicks;
var newOpVal = element.FadeTimeLeft/TimeToFade;
if(element.FadeState ==  1 )
newOpVal =  1  - newOpVal;

element.style.opacity = newOpVal;
element.style.filter =
'alpha(opacity = ' + (newOpVal* 100 ) + ')';

setTimeout("animateFade(" + curTick
+ ",'" + eid + "')",  33 );
}

html
Код: plaintext
<script>fade('News');</script>

Вообщем тут два эффекта fade-in и out. Только в этой тьме таракани ничего не понятно.
всё былобы хорошо, но после затухания div с его содержимым заслоняет события других компонентов(ссылок в основном).
куда в скрипте можно проставить element..style.visibility='hidden'; , чтобы после изчезновения div a небыло?
...
Рейтинг: 0 / 0
27.04.2009, 17:04
    #35956651
ZeusTheTrueGod
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java fade-in и out эфекты
а если браузер не эксплорер, то ничего работать не будет?
...
Рейтинг: 0 / 0
27.04.2009, 18:09
    #35956856
IDVsbruck
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java fade-in и out эфекты
defendersпо определённым причинам фреймворк ни прокатит
А если не секрет, то какие могут быть причины?
...
Рейтинг: 0 / 0
28.04.2009, 09:32
    #35957552
defenders
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java fade-in и out эфекты
ZeusTheTrueGodа если браузер не эксплорер, то ничего работать не будет?
Всё будет работать! можешь проверить.

IDVsbruckА если не секрет, то какие могут быть причины?
Конечно не секрет. Использовать скрипт надо на Юкозе , а там эти фреймвёрковские
штучки не всегда проходят. Надо долго мутить и только свою голову замутишь, а результат- нуль .
Вобщем, помогите разобрать скрипт(пост №2) и добавить туда style.visibility .. в нужшые места. :(
...
Рейтинг: 0 / 0
29.04.2009, 07:39
    #35959853
defenders
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
java fade-in и out эфекты
???
...
Рейтинг: 0 / 0
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / java fade-in и out эфекты / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]