急急急急急急急急急！！！！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的形式实现，请高手帮忙

...全文

124 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>