鼠标划过小图显示大图
演示地址:http://www.souab.com/Demo/200909/MousePic/
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>鼠标划过小图显示大图_不懂戀愛魚兒</title>
<link href="Css/Img.css" rel="stylesheet" media="all" type="text/css" />
</head>
<body>
<div id="container">
<ul id="pic">
<li><a href="Img/1.jpg"><img src="Img/s-1.jpg"/></a><p><a href="Img/1.jpg">测试图片</a></p></li>
<li><a href="Img/2.jpg"><img src="Img/s-2.jpg"/></a><p><a href="Img/2.jpg">测试图片</a></p></li>
<li><a href="Img/3.jpg"><img src="Img/s-3.jpg"/></a><p><a href="Img/3.jpg">测试图片</a></p></li>
<li><a href="Img/4.jpg"><img src="Img/s-4.jpg"/></a><p><a href="Img/4.jpg">测试图片</a></p></li>
<li><a href="Img/5.jpg"><img src="Img/s-5.jpg"/></a><p><a href="Img/5.jpg">测试图片</a></p></li>
<li><a href="Img/6.jpg"><img src="Img/s-6.jpg"/></a><p><a href="Img/6.jpg">测试图片</a></p></li>
<li><a href="Img/7.jpg"><img src="Img/s-7.jpg"/></a><p><a href="Img/7.jpg">测试图片</a></p></li>
<li><a href="Img/8.jpg"><img src="Img/s-8.jpg"/></a><p><a href="Img/8.jpg">测试图片</a></p></li>
<li><a href="Img/1.jpg"><img src="Img/s-1.jpg"/></a><p><a href="Img/1.jpg">测试图片</a></p></li>
<li><a href="Img/2.jpg"><img src="Img/s-2.jpg"/></a><p><a href="Img/2.jpg">测试图片</a></p></li>
<li><a href="Img/3.jpg"><img src="Img/s-3.jpg"/></a><p><a href="Img/3.jpg">测试图片</a></p></li>
<li><a href="Img/4.jpg"><img src="Img/s-4.jpg"/></a><p><a href="Img/4.jpg">测试图片</a></p></li>
<li><a href="Img/5.jpg"><img src="Img/s-5.jpg"/></a><p><a href="Img/5.jpg">测试图片</a></p></li>
<li><a href="Img/6.jpg"><img src="Img/s-6.jpg"/></a><p><a href="Img/6.jpg">测试图片</a></p></li>
<li><a href="Img/7.jpg"><img src="Img/s-7.jpg"/></a><p><a href="Img/7.jpg">测试图片</a></p></li>
</ul>
</div>
<script type="text/javascript" src="Js/Img.js"></script>
<script type="text/javascript">
Img.photos('container','img');
</script>
<BR><BR><BR>
<table width="760" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x90, 创建于 09-3-30 */
google_ad_slot = "7010104479";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</td>
</tr>
<tr>
<td height="8"></td>
</tr>
<tr>
<td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x15, 创建于 09-2-28 */
google_ad_slot = "7729442397";
google_ad_width = 728;
google_ad_height = 15;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
<tr>
<td height="8"></td>
</tr>
<tr>
<td align="center"><script type="text/javascript"><!--
google_ad_client = "pub-2176993388255317";
/* 728x90, 创建于 09-3-29 */
google_ad_slot = "3221108693";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></td>
</tr>
</table>
</body>
</html>
MousePic.rar 177.78KB
最新评论
强大!
The purchases I make...
At last! Somonee who...
Good job mkanig it a...
How neat! Is it real...
Unparalleled accurac...
Thanky Thanky for al...
That's an inenguios ...
Holy szhinit, this i...
If you wrote an atri...