html5 鼠标放在下面的图片时，会放大到中间就像图片呢样。求代码
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html5 鼠标放在下面的图片时，会放大到中间就像图片呢样。求代码相关的知识，希望对你有一定的参考价值。
参考技术A <!DOCTYPE html><html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<style type="text/css">
*
margin: 0;
padding: 0;
.hbody
margin-left: 25%;
.show
margin-left: 160px;
width: 200px;
height: 200px;
border: 1px solid #EEEEEE;
.show img
width: 200px;
height: 200px;
.tab
border: 1px solid #eee;
width: 535px;
height:100px ;
.tab img
border: 1px solid #eee;
width: 100px;
height: 100px;
cursor: pointer;
</style>
</head>
<body>
<div class="hbody">
<div class="show">
<img />
</div>
<div class="tab">
<img src="1.jpg" />
<img src="2.jpg" />
<img src="3.jpg" />
<img src="4.jpg" />
<img src="5.jpg" />
</div>
</div>
</body>
<script>
$(function()
var Src = $('.tab').find('img').eq(0).attr('src');
$('.show').find('img').attr('src',Src)
)
$('.tab').find('img').mouseover(function()
var inx = $(this).index();
var Imgsrc = $('.tab').find('img').eq(inx).attr('src');
$('.show').find('img').attr('src',Imgsrc)
)
</script>
</html>
引一个jquery文件，图片地址替换一下就可以了 参考技术B 答，要请专业的人才能够知道。
HTML代码 实现图片滚动，鼠标放上去停止并且图片放大
<html>
<head>
<meta http-equiv="Content-Language" content="zh-cn">
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>新建网页 1</title>
</head>
<body background="images/yini-bcknd1.jpg">
<div id="butong_net_right" style="overflow:hidden;width:1149px;height:246px">
<table cellpadding="0" cellspacing="0" border="0">
<tr><td id="butong_net_right1" valign="top" align="center">
<table cellpadding="2" cellspacing="0" border="0">
<tr align="center">
<td width="176">
<img src="images/110610144398135-160x160.jpg" width="240" height="150"></td>
<td width="240">
<img src="images/n-ad.jpg" width="240" height="150"></td>
<td>
<img src="images/x_large_EG1E_1cfe00000dd91262.jpg" width="240" height="150"></td>
<td>
<img src="images/6194cb1387f7f909dd540190.jpg" width="240" height="150"></td>
<td>
<img src="images/20120102112707_WaZEP1副本.jpg" width="133" height="157"></td>
<td width="4"> </td>
</tr>
</table>
</td>
<td id="butong_net_right2" valign="top"></td>
</tr>
</table>
</div>
<script>
var speed=10//速度数值越大速度越慢
butong_net_right2.innerHTML=butong_net_right1.innerHTML
function Marquee4()
if(butong_net_right.scrollLeft<=0)
butong_net_right.scrollLeft+=butong_net_right2.offsetWidth
else
butong_net_right.scrollLeft--
var MyMar4=setInterval(Marquee4,speed)
butong_net_right.onmouseover=function() clearInterval(MyMar4)
butong_net_right.onmouseout=function() MyMar4=setInterval(Marquee4,speed)
</script>
</body>
这是图片滚动的，我不知道该怎么插入鼠标移上去图片放大的代码
</html>
要鼠标悬浮效果干吗不用onmousemove和onmouseout结合使用？ 参考技术B 用css来控制图片的大小追问
不懂- -能具体代码吗
以上是关于html5 鼠标放在下面的图片时，会放大到中间就像图片呢样。求代码的主要内容，如果未能解决你的问题，请参考以下文章