jQuery - BackgroundPosition plugin 今回もまたweb creators 2009年1月号の「Web Design Style-UP Tips」からのテクニックの紹介です。 jQueryの「BackgroundPosition plugin」というプラグインを使うと、メニューボタンにロールオーバーした際にFlashのような滑らかなアニメーションを施してくれます。 ちなみにサンプルは下記のページ。 →jQuery Background Test 仕組みとしては、メニューボタンの下に配置する変化のある背景画像を用意し、その背景画像をJavaScriptで移動させるコトによって、ロールオーバー時にアニメーションさせる…というモノです。 下記のサイトからJavaScriptをダウンロードして読み込ませます。 →Downloading jQuery - jQuery
![ロールオーバー時に動きを与えるJavaScript - Good Sleep|Webデザイナーの日々のスキマ](https://cdn-ak-scissors.b.st-hatena.com/image/square/5c0f057b941adbebb2007f9cc967e23ee6853bbb/height=288;version=1;width=512/http%3A%2F%2Fexyz.cocolog-nifty.com%2F.shared-cocolog%2Fnifty_managed%2Fimages%2Fweb%2Fogp%2Fdefault.png)