Home > 技術 > jQueryでマウスから逃げるRunAwayFromMouse書いてみた

jQueryでマウスから逃げるRunAwayFromMouse書いてみた

untitled

マウスから逃げるFlashがかっこいいで紹介したFlashをJavaScriptで書いてみた。
マウスの移動に伴って回りの要素が逃げるように動きます。

canvasタグとdivタグの2パータンで作ってみたんですが、どちらもFlashとくらべるとかなりもっさりしちゃいますねw
Firefoxでは50個、Webkitでは100個を描画しています。
多分divタグのほうがcanvasタグより軽いです。

なのでSafariかChromeあたりでも見てもらえるとそれっぽくなると思います。

サンプル

コード

つくづく思いますが、jQuery使うとコードも少なくてすむので楽ですね〜。

Trackback:0

TrackBack URL for this entry
http://hisasann.com/cgi-bin/mt/mt-tb.cgi/1170
Listed below are links to weblogs that reference
jQueryでマウスから逃げるRunAwayFromMouse書いてみた from HouseTect, JavaScriptな情報をあなたに

Home > 技術 > jQueryでマウスから逃げるRunAwayFromMouse書いてみた

Tag cloud
月別アーカイブ
Powered by
Powered by
Movable Type Commercial 4.261

Page Top