レイクアプレットのように画像が下に映り水中のように波立ちます
※フィルターを使ってますのでIE系列のみしか動作しません
テキストエリア内部をクリックするだけで テキストエリアの中の文章を一発でコピーします
クリックした後それをそのままメモ帳などに貼り付け 適当な名前でHTMLで保存して下さい
このスクリプトのソース
<html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>画像が逆さまに映り波立つ</title> </head> <body onLoad="kagami()" bgcolor="#000000" text="#ffffff" link="#f0ffff" vlink="#fff0f1"> <!--■上記bodyタグ内に必ず onLoad="kagami()"を入れて下さい--> <!--■以下スクリプトをbody内に入れて下さい--> <script language="JavaScript"> <!-- su=0;function kagami(){su=(su+10)%100; akocom.filters["wave"].phase=su; setTimeout("kagami()",1);} //--> </script> <!--■ここまで入れる--> <!--■以下タグをbody内に入れて下さい--> <div> <img src="docu0861b.jpg" style="position:relative;top:50px;left:250px; filter:alpha(opacity=100,style=0,finishOpacity=0,)" ></div> <!--■img src="docu0861b.jpg"の部分に画像名 top:50px;left:250px;の部分で上からの画像位置と左からの画像位置を指定--> <!--■以下もimg src="docu0861b.jpg"の部分に画像名 top:50px;left:250px;の部分で位置を指定 上記と同じ画像名 同じ位置に揃えること--> <div><img src="docu0861b.jpg" style="position:relative;top:50px;left:250px; filter:flipV(enabled=1) alpha(opacity=70,style=3,finishOpacity=40,) wave(add=1,freq=15,lightstrength=8,phase=0,strength=3)" name="akocom"></div> <!--■ここまで入れる--> <br><br> ソースを開いて■から書かれているコメントに従って御自分用に書きなおして下さい<br> スクリプトご使用の際は以下リンクをお入れください<br> <a href="http://myako.net/" target="_top">Script by ako's cyberpage</a> </body> </html>
ソースの中に画像は入っていません ご自分でご用意下さい下さい
画像 by Azusa
Script by ako's cyberpage
