Daily happenings, XHTML, CSS, MT, WP, Web, a memo, etc…

透明度を利用したロールオーバープラグイン

透明度を利用したロールオーバープラグイン、「jquery-opacity-rollover」。

透明度を利用したロールオーバープラグイン

透明度を利用したロールオーバープラグイン

使用方法

「jQuery」と、透明度を利用したロールオーバープラグインのサイトから「opacity-rollover2.1.js」をダウンロードし、スクリプトを読み込みます。

jQuery

<script type="text/javascript" src="js/opacity-rollover/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/opacity-rollover/opacity-rollover2.1.js"></script>
<script type="text/javascript" src="js/opacity-rollover/opacity-rollover.js"></script>

下記のJavaScriptを「opacity-rollover.js」の名前で保存します。

(function($) {
$(function() {
  $('.over').opOver();
});
})(jQuery);

imgタグに、class名「over」を指定します。