ぼんやりなるエフェクトcovers.js～javascript
2008年3月 4日 22:31
ついにオイラもjavascriptのライブラリを一個作っちゃった。なので、ちょっとこちらに紹介。
ダウンロードしてもらってかまいませんが、その際は、コメント入れてもらえるとうれすぃっす。
covers.js
初期状態で若干の暗さを画像に持たせておいて、マウスオーバーのときに明るくなるというエフェクト。
使い方
prototypeとscriptaculousのeffect.jsが必要になります。
上記各ライブラリとcovers.jsをダウンロードしたあと、ヘッダに以下コード入力
ダウンロードしてもらってかまいませんが、その際は、コメント入れてもらえるとうれすぃっす。
covers.js
初期状態で若干の暗さを画像に持たせておいて、マウスオーバーのときに明るくなるというエフェクト。
使い方
prototypeとscriptaculousのeffect.jsが必要になります。
上記各ライブラリとcovers.jsをダウンロードしたあと、ヘッダに以下コード入力
<script language="javascript" type="text/javascript" src="js/prototype.js"></script>
<script language="javascript" type="text/javascript" src="js/effects.js"></script>
<script language="javascript" type="text/javascript" src="js/covers.js"></script>
画像を次のようにdivタグでくくる。このとき、親にあたるdivタグにはidの指定が必要。
以上。
サンプル画面
使用感などもらえたらうれしいっす。
<div id="hoge" class="crap">またimgタグの属性として、rel="covers"と指定。
<img src="hogehoge" width="100" height="100" rel="covers">
</div>
以上。
サンプル画面
使用感などもらえたらうれしいっす。
javascript | comment(0) | trackback(0) | ▲
コメントする