hover事件，想让两张图片翻转的时候速度慢一点，而不是瞬间变成另一张图片，部分代码如下。
$(".pic").hover(function(){$(".pic").attr("src","picture/未标题-11.jpg")},function(){$("...
$(".pic").hover(function() {
$(".pic").attr("src", "picture/未标题-11.jpg")
},
function() {
$(".pic").attr("src", "picture/未标题-1.jpg")
}); 展开
$(".pic").attr("src", "picture/未标题-11.jpg")
},
function() {
$(".pic").attr("src", "picture/未标题-1.jpg")
}); 展开
展开全部
一般来说只是替换图片的话用css完成就好，例子如下：
<!DOCTYPE html>
<html>
<head>
<style>
#hover {
position:relative;
margin:0 auto;
}
#hover img {
position:absolute;
left:0;
-webkit-transition: opacity 2s ease-in-out;
-moz-transition: opacity 2s ease-in-out;
-o-transition: opacity 2s ease-in-out;
transition: opacity 2s ease-in-out;
}
#hover img.top:hover {
opacity:0;
}
</style>
</head>
<body>
<div id="hover">
<img class="bottom" src="Eiffel01.jpg">
<img class="top" src="Eiffel02.jpg">
</div>>
</body>
</html>
这个是延时2秒的淡入淡出图片替换，供参考。望采纳，谢谢
本回答由提问者推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
