Transition Filters
RevealTrans Filter
Фільтр RevealTrans може бути застосований до будь-якого об'єкта, показуючи чи ховаючи його, при цьому використовуються різні техніки. Синтаксис:
STYLE="filter: revealtrans(duration=duration, transition=transitionshape)
Де Duration час переходу з одного стану в інший. Формат запису секунди.мілісекунди Наприклад 2.1 = 2 секунди, 100 мілісекунд. Transition(перехід) може бути наступним ( назви залишу на англійському що б не псувати художній задум авторів...):
Значення |
Опис |
0 |
Box in |
1 |
Box out |
2 |
Circle in |
3 |
Circle out |
4 |
Wipe up |
5 |
Wipe down |
6 |
Wipe right |
7 |
Wipe left |
8 |
Verical blins |
9 |
Horizontal blinds |
10 |
Checkerboard across |
11 |
Checkerboard down |
12 |
Random dissolve |
13 |
Split vertical in |
14 |
Split vertical out |
15 |
Spli horizontal in |
16 |
Split horizontal out |
17 |
Strips left down |
18 |
Strips left up |
19 |
Strips right down |
20 |
Strips right up |
21 |
Random bars horizontal |
22 |
Random bars vertical |
23 |
Довільний ефект (кожної з 23) |
Увага : Фільтр Reveal Transition краще застосовувати з наступними подіями:
Apply Метод Apply використовується, щоб фактично застосувати фільтр.
Play Метод Play використовується, щоб фактично запустити фільтр.
Stop Метод Stop використовується що б зупинити застосування фільтра, і може бути викликаний у будь-який час коли фільтр запущений.
Properties
Фільтри Reveal Transition мають властивості status і duration . Властивість Duration відбиває поточну тривалість фільтра і status визначає значення в залежності від поточного стану переходу. "0" = stop, "1" = apply, "2" = play.
BlendTrans Filter
Фільтр BlendTrans може бути застосований до об'єкта, що б 'виявити' його (fade it) чи 'загасити' (fade out), через визначений період часу. Синтаксис:
STYLE="filter: blendtrans(duration=duration)"
Де Duration час займане переходом. Формат запису секунди.мілісекунди
5. Основний приклад 3
<HTML>
<HEAD>
<TITLE>Основний приклад по DHTML і JavaScript</TITLE>
<SCRIPT LANGUAGE="JavaScript">
var line_beak = "\n"
var screen = ""
screen += "Вивчення JavaScript "
screen += " придасться "
screen += "надалі у вивченні "
screen += "предмета "
screen += "завжди і скрізь "
for(i=0;i<6;i++)
screen += " "
var i=0
var j=40
flag = 0
function fulltime() {
var time=new Date();
document.clock.full.value=time.toLocaleString();
setTimeout('fulltime()',500)
}
function scroll()
{ if( flag== 0 )
{ display_str = ""
for(k=0;k<11;k++)
{
display_str += screen.substring(i,j)
i +=40;j = i + 40
if(i>400) i = 0
}
window.document.term.work_field.value = display_str
i += 40 ; if(i>400) i =0
}
id = setTimeout("scroll()",1000)
return true
}
function change_button()
{ if(flag==0)
{ flag = 1
return true }
if(flag == 1)
{ flag = 0
return false }
}
</SCRIPT>
</HEAD>
<BODY onLoad=scroll() bgcolor=red>
<H1>Основний приклад по DHTML і JavaScript</H1>
<HR>
<title>Test of Browser name</title>
</HEAD>
<BODY >
<h1 align=rigth><EM><FONT SIZE=2>Перевірка імені типу броузера;</h1>
<form name=kuku>
<input type=button name=browser value=Browser
onClick="window.alert(window.navigator.appName)">
</form>
<center>
<form name=clock>
<input type=text size=25 name=full>
</form>
<script language="JavaScript">
fulltime();
</script>
</BODY>
<hr>
<center>
<FORM NAME=term>
<TEXTAREA NAME=work_field COLS=40 ROWS=10 WRAP=ON></TEXTAREA>
<P>
<INPUT NAME=alarm VALUE="Старт/Стіп" TYPE=button onClick="change_button()">
</FORM>
</CENTER>
<HR>
</BODY>
</HTML>
Рис.3.5. Основний приклад.