skuare.netはJavaScriptライブラリのjQuery,mootools,prototypeのプラグインを中心にWebサイト構築に関する技術を試す個人サイトです

jQueryで画像に反射効果を！「Reflection.js for jQuery」

｜ ｜ ｜ ｜ ｜ ｜ ｜

水面に反射させたような画像効果をつけるJavaScriptがはやりました。
ついに、というか、ようやくjQueryでもReflection.js for jQueryで、これが実現可能になったようです。

使用方法
非常に簡単です。
Reflection.js for jQueryからreflection.jsをjQueryからjquery.jsをダウロードします。
<script type="text/javascript" src="jquery-1.2.6.min.js"></script>
<script type="text/javascript" src="reflection.js"></script>

そして画像のclassにreflectを付与すれば完成です。
<img src="画像パス" class="reflect" />
jQueryで画像に反射効果を！「Reflection.js for jQuery」サンプル

記事作成：2008年12月16日

前の記事：jQueryでニュースティッカーを作成するJavaScript「JqNews」
次の記事：jQueryプラグイン「pikachoose」で小気味良いスライドショーを作る