on:2011年10月19日sponsorsユーザーのマウス操作に合わせて、アニメーションで追随するドロップシャドウを生成するjQueryのプラグインを紹介します。OKShadow[ad#ad-2]OKShadowのデモOKShadowの実装OKShadowのデモまずは、OKShadowの動作がよく分かるシンプルなデモからご紹介。div要素で配置したボックスのデモマウスカーソルの位置と対称的にドロップシャドウがアニメーションで表示・移動します。テキスト要素のデモテキストにもドロップシャドウを適用できます。ブラー効果を与えたテキストのデモカーソルが近付くにつれ、くっきりします。[ad#ad-2]ドロップシャドウを使って、さらに面白い効果を引き起こすこともできます。LandscapePyramidSquaresLinesDotsNeonOKShadowの実装デモを例に、実装方法を紹介します。div要素で配置したボックスHTMLjQueryのセレクタで指定できるようにidを付与したdiv要素です。id="example1"></div>外部ファイル「jquery.js」と当スクリプトを外部ファイルとして指定します。src='okshadow.js'></script>JavaScriptOKShadowのデフォルトの記述例です。$(function(){$('#example1').okshadow();});スクリプトのオプションオプションではドロップシャドウのカラー、位置などを設定できます。オプションを使用して二つ目のデモは、下記のようになります。Posts関連記事が見つかりませんでした。