jquery怎样实现点击更换img的src
如题，我要点击实现1.png到2.png的切换，这个图片真的整蒙了，求大神解答！！<!DOCTYPEhtml><htmllang="en"><head><metachar...
如题，我要点击实现1.png到2.png的切换，这个图片真的整蒙了，求大神解答！！<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no"> <title>用户页面</title> <link rel="stylesheet" href="css/bootstrap.css"> <script src="js/jquery-1.11.3.js"></script> <link rel="stylesheet" href="css/public.css"> <link rel="stylesheet" href="css/user.css"> <script src="js/user.js"></script> <style> .first { background-color:#1A242C;} .visi{visibility: hidden;} .icon{width: 20px;height: 17px;} </style></head><script type="text/javascript"> $(document).ready(function (){ $(".w1").each(function(index){ $(this).click(function(){ $(".w1").removeClass("first"); $(".w1").eq(index).addClass("first"); }); }); }); $(document).ready(function (){ $(".icon2").each(function(index){ $(".w1").click(function(){ $(".icon2").addClass("visi"); $(this).children().children().eq(2).removeClass("visi"); }); }); }); //该如何实现？？</script><body><ul> <li class="w1"> <a href="#"> <img id="friend" class="icon" src="img/friends.png" alt=""> <span>用户组</span> <img class="icon2 visi" src="img/222.png" alt=""> </a> </li> <li class="w1"> <a href="#"> <img id="gly" class="icon" src="img/216.png" alt=""> <span>管理员</span> <img class="icon2 visi" src="img/222.png" alt=""> </a> </li> <li class="w1"> <a href="#"> <img id="case2" class="icon" src="img/case2.png" alt=""> <span >角色管理</span> <img id="png222" class="icon2 visi" src="img/222.png" alt=""> </a> </li> </ul></body></html>
展开
1个回答
展开全部
最直接的办法，就是把img那里写成背景，
如：<i class="aaa" style="background:url(1.png)"></i>
背景写在样式表里面，没点击的时候，class名字是aaa,点击的外面a标签改变这个i标签的class名字，比如是bbb，这个时候在样式表里面写一个bbb的背景
如：<i class="aaa" style="background:url(1.png)"></i>
背景写在样式表里面，没点击的时候，class名字是aaa,点击的外面a标签改变这个i标签的class名字，比如是bbb，这个时候在样式表里面写一个bbb的背景
追问
但是我现在想要用jquery去判断哪个元素被点击，而且，点击别的选项，前一个的图标又恢复过来，大神可以代码示范一下 谢谢
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
|
广告 您可能关注的内容 |
