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

Sep 9, 2010
Tags: javascript, tips

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

使用方法

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

<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」を指定します。

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

Related Entries