Hatena::Groupsubtech

ういはるかぜの化学

Friday, April 03, 2009

IEの中をぐるぐるまわす。 12:04  IEの中をぐるぐるまわす。 - ういはるかぜの化学 を含むブックマーク はてなブックマーク -  IEの中をぐるぐるまわす。 - ういはるかぜの化学

http://www.youtube.com/watch?v=WDNDMBqgOGc

javascript:(function () { var d = 0; setInterval(function() { d += 5; r = d * Math.PI / 180; cos = Math.cos(r); sin = Math.sin(r); document.body.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11="+cos+",M12="+sin+",M21="+(-sin)+",M22="+cos+",Dx=1.0,Dy=1.0,FilterType='bilinear',sizingMethod='auto expand')"; }, 100); })()

bodyじゃなくてhtml要素をまわしたほうが多くの場合でちゃんとまわるっぽい。まだ回らないサイトはあるけど。

javascript:(function () { var d = 0; setInterval(function() { d += 5; r = d * Math.PI / 180; cos = Math.cos(r); sin = Math.sin(r); document.getElementsByTagName('html')[0].style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11="+cos+",M12="+sin+",M21="+(-sin)+",M22="+cos+",Dx=1.0,Dy=1.0,FilterType='bilinear',sizingMethod='auto expand')"; }, 100); })()

id:kohiro0さんのブコメを参考に直してみた。すごいいろいろまわる!

javascript:(function () { var D=document,B=(D.compatMode=="CSS1Compat")?D.documentElement:D.body; var d = 0; setInterval(function() { d += 5; r = d * Math.PI / 180; cos = Math.cos(r); sin = Math.sin(r); B.style.filter = "progid:DXImageTransform.Microsoft.Matrix(M11="+cos+",M12="+sin+",M21="+(-sin)+",M22="+cos+",Dx=1.0,Dy=1.0,FilterType='bilinear',sizingMethod='auto expand')"; }, 100); })()

Flash Playerごとまわるっぽくってカオスに!

f:id:mayuki:20090403160152p:image:w320

元ネタ 窓の社 - 【NEWS】世界最高速度で回転するWebブラウザー「Goolegle Chrome」正式版が公開 をみて、d:id:gyuqueさんがWebKitならまわせると中身をTransformでまわしていたので、IEでも回せるんじゃないかと思った次第。

行列で回転とかはじめてつかったお!

トラックバック - http://subtech.g.hatena.ne.jp/mayuki/20090403