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>
  • 相关阅读:
    初识Java,关于一个简单的ATM机的java程序设计
    字符串和字符串对象的区别
    集中常见得字符串处理方式
    得到类模板的3种方式
    反射的条件
    封装一个标签加文本框
    建立及中常见的布局管理器
    随机输入3个正整数,程序出来从小到大排列
    java 基础
    IO
  • 原文地址:https://www.cnblogs.com/zyosingan/p/1215910.html
Copyright © 2011-2022 走看看