MENU
◆ページを移動するときに変化をつける
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.