如何用Jquery实现 ，比如点击图片之后 ，该图片变成向下的箭头，再点击向下箭头的图片 又变成原始图片呢
2个回答
展开全部
抱歉，这应该是两张图片在交换显示。可能通过 $().css() 修改backgroud-image或直接将元素的class 改变，即使用$().toggleClass()实现更换HTML元素的Class属性值。还有添加Class - $().addClass() 删除Class - $().removeClass() 等 。如果作用在<img>元素上，可以直接更换期SRC属性。$().attr("src" , url) 来更换图片。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>切换图片</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(function() {
$("img").toggle(function() {
$(this).attr("src", "http://www.google.co.jp/images/logos/ps_logo2.png");
}, function() {
$(this).attr("src", "http://www.baidu.com/img/baidu_sylogo1.gif");
});
});
</script>
</head>
<body>
<img src="http://www.baidu.com/img/baidu_sylogo1.gif" />
</body>
</html>
<html>
<head>
<meta charset="utf-8" />
<title>切换图片</title>
<script src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script>
$(function() {
$("img").toggle(function() {
$(this).attr("src", "http://www.google.co.jp/images/logos/ps_logo2.png");
}, function() {
$(this).attr("src", "http://www.baidu.com/img/baidu_sylogo1.gif");
});
});
</script>
</head>
<body>
<img src="http://www.baidu.com/img/baidu_sylogo1.gif" />
</body>
</html>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
