ホームページ作成ガイド

トランジション効果

<html>
<head>
<META http-equiv="Page-Exit" content="revealTrans(duration=2.0,transition=23)">
<title>トランジション効果</title>
</head>

<body bgcolor="#FFFFFF">
<br>
ページの移動時に、トランジション効果を使用しています。<br>
効果はランダムに変わります。
<br>
<br>
<A href="http://www.salut.ne.jp/">次ページへ</A>
</body>
</html>

※このページから別のページに移動時に、ページに対して効果を加えます。
効果を加えるには、以下の1行を <HEAD>～</HEAD> に記述します。

<META http-equiv="Page-Exit" content="revealTrans(duration=2.0,transition=23)">

・http-equiv="Page-Exit"
効果を加えるタイミングを指定します。
　Page-Enter このページに移動してきたとき
　Page-Exit このページから別のページに移動するとき
　Site-Enter このサイトに移動してきたとき
　Site-Exit このサイトから別のサイトに移動するとき

・content="revealTrans(duration=2.00,transition=23)"
効果の詳細を記述します。
duration 効果が終わるまでの時間を秒数で指定（最大30秒）
transition 効果の種類を0～23の数字で指定

効果の番号と種類は以下の通りです。
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 : Stripes left down
18 : Stripes left up
19 : Stripes right down
20 : Stripes right up
21 : Random bars horizontal
22 : Random bars vertical
23 : Random

サンプルでは、23 ランダムを指定しています。これは、0～22の効果をランダムに
加えます。

効果を加えるタイミングを複数指定したい場合は、その分記述します。
　Page-Enter と Page-Exit にトランジション効果を加えたい場合
<META http-equiv="Page-Enter" content="revealTrans(duration=2.0,transition=23)">
<META http-equiv="Page-Exit" content="revealTrans(duration=2.0,transition=23)">

また、トランジション効果と似たものに、ブレンド効果があります。
これは、ページがフェードアウト・インして表示される効果です。

<META http-equiv="Page-Enter" content="blenTrans(duration=2.0)">

こちらは、効果の種類がありませんので、時間のみの指定です。