トランジション（JavaScript関係なし・・・）
自分のホームページ（HTMLファイル）をメモ帳で開いてみましょう。
以下のような英数字の文字列が表示されると思います。
必要な部分を必要な場所にコピー、ペーストするだけの簡単作業で、あなたのホームページにも取り付け可能です。
必要な部分を赤字にしてありますので、マウスで選択し、右クリックして「コピー」しましょう。
尚、大文字・小文字は関係ありません。
＜サンプル＞
ここをクリックしてください。
----------------------------- ここからHTML本文 -----------------------------
<HTML> ←必ず最初に記述があります。（1行目か2行目あたり）
<HEAD> ←必ず記述がどこかにあります。（比較的上の方）ここから下の赤字部分を、<HEAD>〜</HEAD>の間に記述します。
<META http-equiv="Page-Enter" content="revealTrans(Duration=4,Transition=23)">
<META http-equiv="Page-Exit" content="revealTrans(Duration=4,Transition=23)">
</HEAD>
<BODY> ←比較的上のほうにあります。（<HEAD>タグの少し下あたり）ここから下の赤字部分を、<BODY>〜</BODY>の間で、表示したい場所に記述します。
</BODY>
</HTML>
----------------------------- ここまでHTML本文 -----------------------------
<META>タグ内の属性について
■トランジション効果のタイミング（http-equiv）
"Page-Enter"
"Page-Exit"
"Site-Enter"
"Site-Exit"
■アニメーション効果の時間（Duration）
ここに指定した秒数だけアニメーションされます。
■トランジション種類（Transition）
24種類あるトランジション効果から番号を選びます。
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
色々試してお気に入りを見つけてください。
|
