ページの切り替え時に特殊効果を起こす方法

ホーム > HTML > ページの切り替え時に特殊効果を起こす方法

■説明

　ページに入る時や出る時にアニメーション効果を与えることが出来ます。「トランジション」と言われるアニメーション効果です。<META>タグによって一行を記述することで出来ます。<HEAD>と</HEAD>の中に記述して下さい。

「Page-Enter」はページ読込時に、効果を与えます。
「Page-Exit」は、ページから他のページの移動時に、効果を与えます。
「Duration」はその効果を指定秒数効果を与えます。
「Transition」は効果の種類となります。

revealTrans
値	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 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	効果をランダムに切り替えます。

■ソース

■対応ブラウザ

ページの切り替え時に特殊効果を起こす方法
IE3	IE4	IE5	IE5.5	IE6	N3	N4	N6	N7	O6
×	●	●	●	●	×	×	×	×	×

[ホーム] [HTML] [↑ページ最上部へ戻る]

簡単に1クリックで宣伝広告!!
個人が全ての検索エンジンやメルマガ等に登録していくのは、非常に大変な労力となっています。しかし、簡単に検索エンジン、リンク集、掲示板、メルマガの全てに1クリックでPRが出来てしまいます。