Javascript 是否可以使用jQuery设置属性更改的动画?
在将鼠标悬停在“img”元素的父元素上之后,我需要更改该元素的“src”属性 我有这个HTML:Javascript 是否可以使用jQuery设置属性更改的动画?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,在将鼠标悬停在“img”元素的父元素上之后,我需要更改该元素的“src”属性 我有这个HTML: <div class="thumbnail"> <img src="img/1_thumb.jpg"> </div> 但正如你所知,这只会做一个快速的改变,我想让它褪色,如果可能的话 非常感谢您,如果您能帮我解决这个问题。将这两个图像都放在您的容器中。将“悬停”设置为不透明度:0。然后使用.thumboil:hover并选择第二个图像,使其不透明度:1。
<div class="thumbnail">
<img src="img/1_thumb.jpg">
</div>
但正如你所知,这只会做一个快速的改变,我想让它褪色,如果可能的话
非常感谢您,如果您能帮我解决这个问题。将这两个图像都放在您的容器中。将“悬停”设置为
不透明度:0
。然后使用.thumboil:hover
并选择第二个图像,使其不透明度:1
。拍打一个转换:不透明度1s在图像上单击code>,您就完成了。如果您使用CSS背景图像
,您可以使用更多CSS(:悬停
),并应用转换
。这是不应该的工作,但铬至少交叉淡出图像!为什么不使用.thumboil:cssWelcome中的hover类导致堆栈溢出!请拿着,环顾四周,通读一遍,尤其是请,这个问题已经被问了很多次,并且得到了回答。更多关于搜索的信息。
$('.thumbnail').hover(function() {
$(this).children(0).attr('src', 'img/1_thumbnail_hov.jpg');
}, function() {
$(this).children(0).attr('src', 'img/1_thumbnail.jpg');
});