透明度を利用したロールオーバープラグイン
透明度を利用したロールオーバープラグイン、「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」を指定します。