知道有没有这种效果的js,jQ插件?点击后分类切换分类中的图 财富值38

2016-11-04 09:01发布


 <div>             <div class="connected-carousels">                 <div class="stage">                     <div class="carousel carousel-stage">                         <ul>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img1.jpg" width="800" height="400" alt=""></li>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img2.jpg" width="800" height="400" alt=""></li>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img3.jpg" width="800" height="400" alt=""></li>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img4.jpg" width="800" height="400" alt=""></li>                                                     </ul>                     </div>                     <a href="javascript:void(0)" class="prev prev-stage"><span>&lsaquo;</span></a>                     <a href="javascript:void(0)" class="next next-stage"><span>&rsaquo;</span></a>                 </div>                <div class="pic-nav" style="width:100%;margin: 5px auto 0 auto; ">                 <div class="title">效果图:</div>                 <div class="canshu xuan"><a href="javascript:void(0)">全部(4) &nbsp;</a></div>                 <div class="canshu"><a href="javascript:void(0)" id="">客厅(2) &nbsp;</a></div>                 <div class="canshu"><a href="javascript:void(0)" id="">卧室(1) &nbsp;</a></div>                 <div class="canshu"><a href="javascript:void(0)" id="">平面图(1) &nbsp;</a></div>                 <div class="canshu"><a href="javascript:void(0)" id="">俯视图(1) &nbsp;</a></div>               </div>                  <div class="navigation">                     <a href="javascript:void(0)" class="prev prev-navigation">&lsaquo;</a>                     <a href="javascript:void(0)" class="next next-navigation">&rsaquo;</a>                     <div class="carousel carousel-navigation">                         <ul>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img1_thumb.jpg" width="50" height="50" alt="客厅"></li>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img2_thumb.jpg" width="50" height="50" alt="卧室"></li>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img3_thumb.jpg" width="50" height="50" alt="平面图"></li>                             <li><img src="themes/68ecshopcom_360buy/designer/img/img4_thumb.jpg" width="50" height="50" alt="俯视图"></li>                         </ul>                     </div>                 </div>             </div>         </div>
友情提示: 此问题已得到解决,问题已经关闭,关闭后问题禁止继续编辑,回答。
该问题目前已经被作者或者管理员关闭, 无法添加新回复
1条回答

你这个可以理解为,有多个轮播图。也可以理解为,动态替换轮播图图片,动态计算。一般轮播图都已经实现了这样的效果。只不过需要你自己写事件替换其中的图片

一周热门 更多>