最简单的多重衰落脚本

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，您可以使用class仅用于所需图片，而不是element作为img。

另一种方法是使用animate()。

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

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

演示： http://jsfiddle.net/mVWdQ/1/