透過PNGにも対応のロールオーバーで滑らかに画像が切り替わる国産jQueryプラグイン

Ads

とっても便利そうなjQueryプラグインが
あったのでメモ。国産です。IE6、7でも
確認しましたが、Chrome等のブラウザ
と相違なく動いてくれます。動きもとても
スムーズで素敵。透過PNGにも対応し
ていますが、他のライブラリと併用する形。

本当はこのライブラリを配布してくれているサイト自体がとっても素敵だったのでご紹介しようと思っていたのですが、素敵なライブラリも配布してくれていたのでこちらを合わせてご紹介します。

smoothRollOver.js from 日本電子工藝社

jq01
ユニークな社名ですね。スキルの高そうなWeb屋さんです。こちらで配布されているsmoothRollOver.jsの動きが素敵でした。マウスオーバーで素敵なエフェクトを実装出来ます。

見たほうが早いですね。日本電子工藝社さんでも使っているみたいなので動作の確認はそちらでご覧下さい。IE6などでも実装できていましたよ。

smoothRollOver.js

背景にHTML5のcanvasを使用

jq02
背景が動きます。かわいいですなー、これは。jsを見させてもらいましたが、HTML5のcanvasを使って実装しているみたいですね。所々jsが使われていて、まるでFlashサイトのようです。参考になりました。

EC-CUBEのモジュールなんかも公開されていましたよ。Twitterもやられてるみたいなのでチェックしてみてはいかがでしょう。

日本電子工藝社