zoukankan      html  css  js  c++  java
  • jquery小小图片切换效果

    <!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=gb2312" />
     <script type="text/javascript" src="jquery.js"></script>
     <script type="text/javascript">
        $(document).ready(function(){
      $(".FLli li  a").mousemove(function(){
          $("#placeholder").attr("src",$(this).attr("href"));
      });
       $(".FLli li  a").click(function(){
          return false;
      });
      });
     </script>
     <title>单品</title>
    </head>
    <body>
      <div id="RingDetails" class="clearfix">
       <div id="productInfo">
        <div id="imagegallery" class="Pic">
         <img id="placeholder" src="img/testanima/1.jpg" width="300" height="245"/>
         <ul class="FLli">
          <li><a href="img/testanima/1.jpg" id="img1"><img src="img/testanima/1.jpg" width="81" height="59" /></a></li>
          <li><a href="img/testanima/2.jpg"><img src="img/testanima/2.jpg" width="81" height="59" /></a></li>
          <li><a href="img/testanima/3.jpg"><img src="img/testanima/3.jpg" width="81" height="59" /></a></li>
         </ul>
        </div>
       
       </div>
     </div>
     <!-- end site_info -->
    </div> 
    </body>
    </html>
  • 相关阅读:
    js小程序
    事务的概念
    为期一个月培训的总结
    软件测试培训总结篇2
    软件测试培训总结篇1
    软件测试培训第30天
    软件测试培训第29天
    软件测试培训第28天
    软件测试培训第26天
    软件测试培训第27天
  • 原文地址:https://www.cnblogs.com/zyosingan/p/1215910.html
Copyright © 2011-2022 走看看