クリスマスプレゼントランキング
バレンタインチョコレシピ
ホワイトデーお返しプレゼント
レンタルサーバー 比較
Home
>
HP作成講座
>
画像系タグ
>
画像を水面化
●画像を水面下する
サンプル
<head>〜</head>内に
<style type="text/css"> <!-- #suimen { filter:flipV wave(freq=5,lightstrength=0,strength=3) alpha(style=0,opacity=50); } --> </style>
表示したい所に
<img src="画像のURL"><br> <img src="画像のURL" id="suimen"> <script language="JavaScript"> <!-- var p = 1; var o = 1; var s = 300; function suimenMoji() { var flt = document.all("suimen").filters["wave"]; flt.phase = p; p += 5; if (o <= 100) o += 1; if (p > 100) p = 1; setTimeout("suimenMoji()",100); } if (document.all) { suimenMoji(); } // --> </script>
上記２つをまとめてコピー
<style type="text/css"> <!-- #suimen { filter:flipV wave(freq=5,lightstrength=0,strength=3) alpha(style=0,opacity=50); } --> </style> <img src="画像のURL"><br> <img src="画像のURL" id="suimen"> <script language="JavaScript"> <!-- var p = 1; var o = 1; var s = 300; function suimenMoji() { var flt = document.all("suimen").filters["wave"]; flt.phase = p; p += 5; if (o <= 100) o += 1; if (p > 100) p = 1; setTimeout("suimenMoji()",100); } if (document.all) { suimenMoji(); } // --> </script>
