|
◆ページを移動するときに変化をつける |
IEの人はこのページに入るときに少し違った表示になりませんでしたか? |
これはトランジションというワザです。表示効果を一覧表にしてみました。 |
値 |
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 |
Vertical blinds |
縦に分割されて |
9 |
Horizontal blinds |
横に分割されて |
10 |
Checkerboard across |
チェッカー型に分割して左から |
11 |
Checkerboard down |
チェッカー型に分割して上から |
12 |
Random dissovle |
画面全体が少しづつ |
13 |
Split vetical in |
左右から中央へ |
14 |
Sprit vertical out |
中央から左右へ |
15 |
Split horizpntal in |
上下から中央へ |
16 |
Split horizontal out |
中央から上下へ |
17 |
Strips left down |
右上から左下へ |
18 |
Strips left up |
右下から左上へ |
19 |
Strips right down |
左上から右下へ |
20 |
Strips right up |
左下から右上へ |
21 |
Random bars forizontal |
細かく横に分割 |
22 |
Random bars vertical |
細かく縦に分割 |
23 |
Random |
0〜22をランダムに |
|
|
これは<META>タグで<HEAD></HEAD>の間に設定します。 |
<META http-equiv="Page-Exit"content="revealTrans(Duration=4.0,Transition=*)"> |
最後の*のところに値の数字をいれます。 |
|
またhttp-equivの指定によって効果が現れるタイミングを指定できます。 |
http-equiv="Page-Exit"→ページを出るとき
http-equiv="Page-Enter"→ページに入るとき
http-equiv="Site-Exit"→→別のサイトへ移動するとき
http-equiv="Site-Enter"→別のサイトから移動してきたとき |
やりすぎるとウルサイので目立たせたいときや最初や最後だけにするなどほどほどにしましょう。 |
この効果を止めたいときは、ブラウザの「中止」を押します。 |
Copyright2008 ©Atelier H All rights reserved. |
|