TIPS OF WEB
Vadias
Спецвыпуск Xakep, номер #023, стр. 023-090-2
<META http-equiv="Page-Enter" CONTENT="RevealTrans(Duration=время в секундах, Transition=номер эффекта)"> - это при входе
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=время в секундах, Transition=номер эффекта)"> - это при уходе
Например:
<META http-equiv="Page-Exit" CONTENT="RevealTrans(Duration=5, Transition=2)"> - это значит, что когда чел уходит на другую страницу, текущую страницу затянет в черный круг (помнишь, как кончались старые мультфильмы?). Ниже приведен список эффектов с их порядковыми номерами.
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 Vertical blinds (вертикальные жалюзи)
9 Horizontal blinds (горизонтальные жалюзи)
10 Checkerboard across (в шахматном порядке - поперечно)
11 Checkerboard down (в шахматном порядке - вниз)
12 Random dissolve (случайный наплыв)
13 Split vertical in (вертикальная разбивка - внутрь)
14 Split vertical out (вертикальная разбивка - наружу)
15 Split 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 Random (случайный эффект)
Однако не стоит злоупотреблять эффектами, так как если один раз - это прикольно, то ждать каждый раз, пока эффект отыграет, - задалбливает. Ставь по крайней мере Duration поменьше. Кроме того, при загрузке паги с дайлапа эффекты скорее раздражают, чем радуют.
Tipsa 5
Фильтры перехода можно применять не только ко всей странице, но и к отдельно взятым объектам. Например, картинкам. В следующем примере реализуется такая фича: на экране отображается одна фотка, а при щелчке мыши на ней она растворяется, а на ее месте появляется другая. Способы исчезновения можешь выбирать из тех же двадцати трех, указанных ранее (fotka1.jpg и fotka2.jpg - соответственно файлы фоток).
Этот код вставляется между тегами <head> и </head>:
<script language="JavaScript">
function transitionReveal() {
img1.filters.revealTrans.Apply();
img1.src = "fotka2.jpg"
img1.filters.revealTrans.Play();
}
</script>
А этот - туда, где хочешь вставить картинку:
<img src="fotka1.jpg"
width="100" height="100" border="0" id="img1"
style="filter: revealTrans(duration=3,transition=21);"
onclick="transitionReveal();">
Tipsa 6
Кроме "украшательных" фильтров в DHTML есть еще и полезные. Например, фильтры, которые отображают картинку относительно вертикальной и горизонтальной осей. В чем полезность? В возможности оптимизировать. Скажем, вместо картинок правого и левого бордюров твоей паги можно залить на сервак и грузить юзверям только одну картинку. Остальное доделает клиентский браузер. А вот и листинг: