急急急急急急急急急!!!!jquery鼠标移动修改图片

gz5182009 2015-06-18 09:48:12
现在有个侧边栏
<div class="menu">
<ul class="nav ace-nav">
<li style="margin-top:0px;">
<a href="/MountDirectory/Index" class="a-sjml">
<img src="~/Command/images/ico_sjml_a.png" />
<div>数据目录</div>
</a>
</li>
....结构是这样的现在我想要鼠标滑动上去就把图片改了 想用jquery的形式实现,请高手帮忙
...全文
65 点赞 收藏 4
写回复
4 条回复
y362623206 2015年06月18日
  $(document).ready(function(){
		  $("img").mouseover(function(){
			$(this).attr('src',"xx.jpg");
		  });
		  $("img").mouseout(function(){
			$(this).attr('src',"xx.jpg");
		  });
});
回复 点赞
yuwanli919293 2015年06月18日
你得有一个ico_sjml_b.png的图片,用来替换的。 $(".a-sjml").mouseover(function(){ $(".a-sjml img").attr("src")="~/Command/images/ico_sjml_b.png";//需要替换图片 $(".a-siml div").css("color","#025196"); }); $(".a-sjml").mouseout(function(){ $(".a-sjml img").attr("src")="~/Command/images/ico_sjml_a.png"; $(".a-siml div").css("color","#0fff"); });
回复 点赞
gz5182009 2015年06月18日
谁给解答下 谢了
回复 点赞
香蕉猪 2015年06月18日

<!DOCTYPE html>
<html>
<head>
</head>
<body>

	<p>滑过 就 触发了</p>
	<div id="myImg">
		<img onmouseover="myF1()" onmouseout="myF2()" class="hh" src="https://img-bbs.csdn.net/upload/201506/18/1434591954_106171.png" style="width:200px;height:120px;"/>
	</div>

	<script type="text/javascript" src="http://www.w3school.com.cn/jquery/jquery.js"></script>
	<script>
		function myF1()
		{
			$("img").attr("src","https://img-bbs.csdn.net/upload/201506/18/1434592044_58956.png");
		}
		function myF2(){
			$("img").attr("src","https://img-bbs.csdn.net/upload/201506/18/1434591954_106171.png");
		}
	</script>

</body>
</html>

回复 点赞
发动态
发帖子
JavaScript
创建于2007-09-28

5.1w+

社区成员

22.3w+

社区内容

Web 开发 JavaScript
社区公告
暂无公告