鼠标划过小图显示大图

演示地址：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

引用地址:

发表评论
post by 不懂戀愛魚兒 | 2009年8月18日 | 归档于 [网站特效]
标签: 鼠标

发表评论

sitemap