【おやじのweb技】 html/javascript/css等
TopPage表示 /  保 存 /  印 刷 /  Window Resize /  Window Close

k012

リンク先のファイルをワイプして開く

web工房  Copyright(C) 2004 web工房 All Rights Reserved 
このページのトップに戻る /  Window Resize /  Window Close /  最終更新日表示

action


リンク文字をクリックすると、サンプル画面が表示されます。

サンプル

(オープンする毎にサンプル画面のワイプの種類が異なります)

web技

◆手順【html】
※<head〜</head>に記述します

-----次の行から(copy)-----
<meta http-equiv="Page-Exit" content="revealTrans(duration=5,transition=23)">
-----上の行まで(copy)-----

  ◇duration:切替速度(秒) 0〜の整数で指定
  ◇transition:ワイプの種類 0〜23の整数で指定

■ワイプの種類(duration)
0:四角の窓が内側に閉じる
1:四角の窓が外側に広がる
2:丸い窓が内側に閉じる
3:丸い窓が外側に広がる
4:下から上へ広がる
5:上から下へ広がる
6:左から右へ広がる
7:右から左へ広がる
8:垂直ブラインド
9:水平ブラインド
10:横チェック模様
11:縦チェック模様
12:ランダムな点
13:左右から中央に閉じる
14:中央から左右に広がる
15:上下から中央に閉じる
16:中央から上下に閉じる
17:右上から左下に切り替わる
18:右下から左上に切り替わる
19:左上から右下に切り替わる
20:左下から右上に切り替わる
21:ランダムな水平線毎
22:ランダムな垂直線毎
23:0〜22をランダムに選択する(アクションの例示)

解説等

◆本技はウィンドウをワイプさせてオープンする技ですが、このページがワイプするのではなく、このページからリンクした先のページがワイプしてオープンします
◆但し、このページを再読込(リロード)するとワイプします。
※リンクは <a href="(リンク先のパス)" target="(開き方)"> で指定しますが、target未指定や target="_self"、すなわちこのページと同じウィンドウにリンク先を開く場合のみ有効です。 target="_blank" で新しいウィンドウを開いた場合には動作しません。

◆本技はIE限定技だと思います。
※アクションのサンプルは設定可能がワイプがすべてランダムに選択される設定(transition=23)です。 ※但しサンプルから本ページに戻る場合は、サンプルファイル側に「円形の窓が内側に閉じる」((transition=2)に設定されています。


【類似技】
[技g011]画像をワイプして入れ替える、も同様の技です。ぜひ活用してみて下さい。

keyword

◇http-equiv= Page-Exit"◇revealTrans

history

◇(2004.09.25)設置

注意

◆操作MENUの[Window Resize]を選択するとウィンドウサイズが変更可能です。インラインフレームの幅もウィンドウ幅に追従します。
◆上記の[web技]をクリップボードにコピーしテキストエディタに貼り付けて使用する場合は、表示のための改行記号や全角・半角スペースの記号等を削除して下さい。
-----次の行から(copy)-----
(この部分をクリップボードにコピーしてテキストエディタ等に貼り付けて下さい)
-----上の行まで(copy)-----