今日は、マウスが画像リスト上を通過したときに現在のハイライトを暗くする jQuery プラグインである jFade を紹介します。このプラグインが実装できる機能はシンプルで非常に実用的です。テキストリストでは、現在のハイライトが表示されます。他の画像のリストは、現在マウスが置かれている画像をハイライト表示します。
jFade は、Web サイト上の項目を強調表示できるシンプルな jquery プラグインです。カスタマイズ可能なフェードが可能なだけでなく、周囲の要素を簡単に制御できるため、最も重要なコンテンツが目立ちます。
(隣接するオブジェクトをフェードアウト)
To use default settings just add the function
<script type="text/javascript"> <br /><br>
$().ready(function() {<br /><br>
$('.jfade_image').jfade();<br /><br>
}); <br /><br>
</script>
and add the class tag to each element:
<img src="images/card02.jpg" class="jfade_image"/><br /><br>
<img src="images/card04.jpg" class="jfade_image"/><br /><br>
<img src="images/card09.jpg" class="jfade_image"/><br /><br>
<img src="images/card13.jpg" class="jfade_image"/><br /><br>
<img src="images/card14.jpg" class="jfade_image"/><br /><br>
<img src="images/card15.jpg" class="jfade_image"/><br /><br>
<img src="images/card16.jpg" class="jfade_image"/><br /><br>
<img src="images/card17.jpg" class="jfade_image"/>
Custom settings are easily set and explained in the help doc
(Fade objects in)
(give buttons some flair)
(have subtle effects)
クラスを追加するだけで、好きなものをフェードアウトできます。リンクも含めることができます: http://www.jb51.net/" title="Facebook" target= "_blank" class="links">facebook、http://www.jb51.net/" target="_blank" title="Linkedin" クラス="links">linkedin, http://www.jb51.net/" title="Flavors.me 個人ページ" target="_blank" クラス="リンク">flavors.me