快捷导航
发新帖
返回列表
旋转木马的触发方式——默认是鼠标经过触发'triggerType':'mouse'如果改成鼠标点击触发'triggerType':'click',但每次点击,页面就会置顶,旋转木马位置是在页脚,用鼠标点击触发时,页面自动就到了页头,求助问题页面地址https://shop111876471.taobao.com/?spm=a21ar.c-design.0.0.70KhbK#
  1. <div class="J_TWidget" data-widget-type="Carousel"  data-widget-config="{'effect':'fade','navCls':'anniu','contentCls':'neirong','autoplay':true,'interval':5,'triggerType':'click','activeTriggerCls':'hidden'}">
  2.         <div style="width: 750px;height: 712px;background: #CBCBCB">
  3.         <!--按钮上-->       
  4.                 <ul class="anniu footer-more-trigger" style="padding: 0px;border: 0px;top: 0px;left: 0px;width: 750px;z-index: 10;">
  5.                         <li class="hidden" style="float: left;display: block;margin-right: 10px;"><a href="#"><img src="https://img.alicdn.com/imgextra/i3/748704142/TB20WsbbyBnpuFjSZFzXXaSrpXa_!!748704142.jpg" alt=" b1.jpg"/></a></li>
  6.                         <li style="float: left;display: block;margin-right: 10px;"><a href="#"><img src="https://img.alicdn.com/imgextra/i3/748704142/TB2JrHZbCVmpuFjSZFFXXcZApXa_!!748704142.jpg" alt=" b2.jpg"/></a></li>
  7.                         <li style="float: left;display: block;margin-right: 10px;"><a href="#"><img src="https://img.alicdn.com/imgextra/i3/748704142/TB29Tr2btFopuFjSZFHXXbSlXXa_!!748704142.jpg" alt=" b3.jpg"/></a></li>
  8.                         <li style="float: left;display: block;"><a href="#"><img src="https://img.alicdn.com/imgextra/i4/748704142/TB2cm64bxxmpuFjSZFNXXXrRXXa_!!748704142.jpg" alt=" b4.jpg"/></a></li>
  9.                 </ul>
  10.         <!--按钮下-->
  11.                 <ul class="footer-more-trigger" style="padding: 0px;border: 0px;top: 0px;left: 0px;width: 750px;z-index: 9;">
  12.                         <li style="float: left;display: block;margin-right: 10px;"><a href="#"><img src="https://img.alicdn.com/imgextra/i3/748704142/TB2czN6bmhlpuFjSspkXXa1ApXa_!!748704142.jpg" alt=" b1.jpg"/></a></li>
  13.                         <li style="float: left;display: block;margin-right: 10px;"><a href="#"><img src="https://img.alicdn.com/imgextra/i4/748704142/TB2xIDZbrJmpuFjSZFwXXaE4VXa_!!748704142.jpg" alt=" b2.jpg"/></a></li>
  14.                         <li style="float: left;display: block;margin-right: 10px;"><a href="#"><img src="https://img.alicdn.com/imgextra/i4/748704142/TB289Y4bxxmpuFjSZFNXXXrRXXa_!!748704142.jpg" alt=" b3.jpg"/></a></li>
  15.                         <li style="float: left;display: block;"><a href="#"><img src="https://img.alicdn.com/imgextra/i4/748704142/TB2YDT6brJmpuFjSZFBXXXaZXXa_!!748704142.jpg" alt=" b4.jpg"/></a></li>
  16.                 </ul>
  17.        
  18.         <!--大图-->               
  19.                 <ul class="neirong footer-more-trigger" style="float: left;width: 750px;height: 622px;padding: 0px;border: 0px;top: 90px;left: 0px;width: 750px;">
  20.                         <li><img src="https://img.alicdn.com/imgextra/i2/748704142/TB2TSF8bmBjpuFjSsplXXa5MVXa_!!748704142.jpg" alt=" a1a.jpg"/></li>
  21.                         <li><img src="https://img.alicdn.com/imgextra/i3/748704142/TB2TgqgbmFjpuFjSszhXXaBuVXa_!!748704142.jpg" alt=" a2a.jpg"/></li>
  22.                         <li><img src="https://img.alicdn.com/imgextra/i1/748704142/TB23CObbl0kpuFjy1XaXXaFkVXa_!!748704142.jpg" alt=" a3a.jpg"/></li>
  23.                         <li><img src="https://img.alicdn.com/imgextra/i2/748704142/TB2KC24bxxmpuFjSZFNXXXrRXXa_!!748704142.jpg" alt=" a4a.jpg"/></li>
  24.                 </ul>
  25.         </div>
  26. </div>
复制代码



举报 使用道具
| 回复

共1个回复 最后回复于 2016-12-24 22:44

勤币 80   学币 0  
沙发
发表于 2016-12-24 22:44:33 | 只看该作者
找到问题了
举报 使用道具
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

快速回复 返回顶部 返回列表