ページ内の画像をうねうねさせるJavascript
October 21, 2006 3:29 PM written by Gen Taguchi

何に使うかよくわかりませんが、ちょっとおもしろかったのでエントリー。

下記のコードをブラウザのURL欄に入れます(実行は自己責任で)。

javascript: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.getElementsByTagName("img"); 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)+"px"; DIS.top=(Math.cos(R*y1+i*y2+y3)*y4+y5)+"px"}R++}setInterval('A()',5); void(0); 

そうするとそのページ内の画像がうねうねうねうねうねうねうねうね~~~~っと。

une_image.gif

↑ こんな感じ。

それだけ。何に使うかよくわからんですけどね・・・・。

なお、元ネタは以下。

» Neat Trick with Javascript

この記事のトラックバックURL (トラックバックは承認後に公開されます)

コメント一覧

コメント投稿 (コメントは承認後に公開されます)

名前
メールアドレス (表示されませんのでご安心を)
URL
情報保存?
コメント
あわせて読みたい

クリエイティブ・コモンズ・ライセンス

ユーザビリティ向上支援ビービット
Usability tested by BeBit

タブブラウザ Sleipnir 公式ページ(上級者向け)

Powered by
MovableType 3.33-ja

人気ブログランキング - idea*idea
ワード
www.flickr.com
This is a Flickr badge showing photos in a set called 自炊生活. Make your own badge here.
Firefox meter