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>
原文地址:https://www.cnblogs.com/zyosingan/p/1215910.html