Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以使用jQuery设置属性更改的动画?_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 是否可以使用jQuery设置属性更改的动画?

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。

在将鼠标悬停在“img”元素的父元素上之后,我需要更改该元素的“src”属性

我有这个HTML:

<div class="thumbnail">
    <img src="img/1_thumb.jpg">
</div>
但正如你所知,这只会做一个快速的改变,我想让它褪色,如果可能的话


非常感谢您,如果您能帮我解决这个问题。

将这两个图像都放在您的容器中。将“悬停”设置为
不透明度:0
。然后使用
.thumboil:hover
并选择第二个图像,使其
不透明度:1
。拍打一个
转换:不透明度1s,您就完成了。

如果您使用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');
});