Question

谁给我写一段鼠标经过图片逐渐变亮，离开逐渐暗回来的jQuery代码

网站使用了大量的图片，想给一些图片加上一个特效，鼠标经过的时候变亮（不透明度0.8），鼠标离开的时候变回1.0，直接用CSS的伪类没有渐变效果，有点生硬。

请大神帮我写一段jQuery代码，最好能在图片里面加一个标签就能全站调用的，渐变时间300ms就好了。可以给个红 .包

Answer 1

<script>
$('img').hover(function(){
$(this).stop(true).animate({opacity:0.8},300)
},function(){
$(this).stop(true).animate({opacity:1},300)
})
</script>

追问

兄弟，你这个代码怎么部署呀，能加个class说明一下吗，谢谢

追答

你给你想有这个效果的图片都加一个同样的class名，然后把$('img')里边的改成那个class名，
比如我class名为shine,则 $('.shine')