くるくる
コード
void(setInterval(function(M,t){return function(){ var I=document.getElementsByTagName('img'), l=I.length, i=0,a,d,s; for(;i<l;i++){ a=6.28/l*i+t; d=50*(M.abs(M.cos(a))+M.abs(M.sin(a))); s=I[i].style; s.position='fixed'; s.left=300+100*M.cos(-1.57-a)-d+'px'; s.top=200+100*M.sin(-1.57-a)-d+'px'; s.width=s.height='100px'; s.filter='progid:DXImageTransform.Microsoft.Matrix(sizingMethod="auto expand",M11=' +M.cos(a)+',M12='+M.sin(a)+',M21='+(-M.sin(a))+',M22='+M.cos(a)+')' } t+=0.02 }}(Math,0),50))
解説
実験室の第60回のコードを応用したものです。IE専用。
上手くいけばページ内の画像が円形に並んでゆっくり回ります。
大きさを調整するのが面倒だったので、全部100×100に変更しています。
余談
googleのページとか、画像が移動しない例もあります。あれは何なのでしょう。
そしてなにより、このスクリプトは重いです。
1行スクリプト ホーム