最も単純なmutli-fadeingスクリプト

Question

私はDribbbleのように機能するスクリプトを探しています（マウスを重ねるとオーバーレイ表示されます）。 しかし、それはマルチでなければなりません...私はサイト上の多くの画像に使用されていることを意味します。シンプルなもの。

ありがとうございます！

Answer 1

jQueryとhover()マウスイベントを使用すると、必要な動作を実現できます。

$("img").hover(function() { //select the image which is hovered 
    $(this).css("opacity","0.5"); //apply opacity for this image 

}, function() { 
    $(this).css("opacity","1"); //change to opacity to default 
}); 

デモ：http://jsfiddle.net/mVWdQ/

selectorについて、あなただけの必要なイメージの代わりに、imgとしてelementのために使用することがclassを使用することができます。

もう1つの方法はanimate()です。

$("img").hover(function() { 
    $(this).animate({opacity:0.5},500); 

}, function() { 
    $(this).animate({opacity:1},500); 
}); 

デモ：http://jsfiddle.net/mVWdQ/1/