ホームページ&ブログ作成tips

この記事は『ページ移動の時にエフェクトをかける』についての記事です。

ホームページ&ブログ作成tips > [tips]tips >  ページ移動の時にエフェクトをかける

ページ移動の時にエフェクトをかける

2007年07月14日
ページを移動する時に画面がエフェクトがかかったみたいになるのがあると
思います。
それのネタバレをします(笑)


<head>〜</head>の間に下記のタグを書きます。


<meta http-equiv="A" content="revealTrans(Duration=B,Transition=C)">


A:このエフェクトが働くタイミングを指定します。
  Page-Enter・Page-Exit・Site-Enter・Site-Exitのいずれかが入ります。
B:このエフェクトが動くにかかる時間を指定します。
C:エフェクトの種類を選択します。
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


<meta http-equiv="Page-Exit" content="revealTrans(Duration=5,Transition=8)">


お好みに応じて数字を変えてみて下さいね。


1つしか使えないわけでなく、ページを開いた時・閉じる時両方も使えます。

<meta http-equiv="Page-Enter" content="revealTrans(Duration=5,Transition=7)">
<meta http-equiv="Page-Exit" content="revealTrans(Duration=5,Transition=8)">

とゆ〜よぉに2行書けばokです(*^▽^*)
Posted by Webサイトデザイナー★えあ at 2007年07月14日│[tips]tipsEdit



あし@