Flying <img />

 

←サンプル

Googleイメージ検索の結果をクレイジーに浮遊させるJavaScriptとして昨年話題になっていたスクリプトをブログパーツ用にプラグイン化しました。

 

貼り付けソース

<script type="text/javascript"> <!-- S  = 3;//スピード 1-10で設定 H  = 0; R  = 0; x1 = .1;  y1 = .05;  x2 = .25;  y2 = .24;  x3 = 1.6;  y3 = .24;  x4 = 300;  y4 = 200;  x5 = 300;  y5 = 200;  DI = document.images; DIL = DI.length; function A()  { for(i=0; i<DIL; i++) { DIS = DI[i].style;  DIS.position = 'absolute';  DIS.left = Math.sin(R*x1+i*x2+x3)*x4+x5;  DIS.top = Math.cos(R*y1+i*y2+y3)*y4+y5; } R += S / 5; } function onClickBtn(o)  { if (o.value == "Fly")  { o.value = "Stop"; H=setInterval('A()',5 ); } else { o.value = "Fly"; clearInterval(H); } } // --> </script> <form><input type="button" value="Fly" onClick="onClickBtn(this);"></form> <div align="right">Plugin by <a href="http://www.flasco.jp/" target="_blank">Flasco</a></div>

 

用途

初めて見る人を「はっ！」っとさせ、しめしめ的な「やった感」を得る。

 

開発　

JavaScript