Jquery淡入效果

我正在尝试更改img src,然后将opacity设置为0然后淡入.

$("#featureImg").attr('src','07.jpg').css({opacity:0}).fadeIn("slow");

这适用于

.css({opacity:0})

这意味着它确实将不透明度设置为0,但淡入淡出永远不会发生.

问题是由于结合fadeIn()使用CSS不透明度为零而引起的.要隐藏元素,然后隐藏fadeIn(),你应该使用.css({display：’none’})或.hide()后跟fadeIn(),如下所示：

$("#featureImg").attr('src','07.jpg').css({display:'none'}).fadeIn("slow");

要么

$("#featureImg").attr('src','07.jpg').hide().fadeIn("slow");

fadeIn()的目的是显示一个“隐藏”元素,由jQuery解释为“隐藏”意味着不显示,而不是零不透明度.