注册 登录  
 加关注
查看详情
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

浮游生物的博客

以扯蛋的态度面对操蛋的人生

 
 
 

日志

 
 

jquery 小图切换大图代码  

2010-12-07 15:28:01|  分类: js+jQuery |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

加入jquery

<script language="JavaScript" src="/images/js/jquery.min.js"></script>

 

大图

<div class="left main2l1" id="imgBig">
             <a href="/ys/"><img src="/images/main2_img.gif" name="imgBig"  border="0"  class="left" id="imgBig1" /></a> </div>

 

小图

<div class="left main2l2" id="imgSmall">
            <!-- <ul class="clear main2li">-->
   <ul class="clear main2li">
               <li><a ><span><img src="/images/main2l_a_bg1.gif" name="/gywm/jghj/"  /></span></a></li>
               <li><a ><span><img src="/images/main2l_a_bg2.gif" name="/xsj/"/></span></a></li>
             </ul>
            </div>

 

切换代码

 <script type="text/javascript">
   
   $(document).ready(function(){
     
   $("#imgSmall a").click(function(i){
   
  
   
   $("#imgBig1").attr("src",$($(this).find("img")).attr("src"));
   $("#imgBig a").attr("href",$($(this).find("img")).attr("name"));
     
   });
   
   });

     </script>

  评论这张
 
阅读(1213)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018