论坛

标题: 旋转木马鼠标点击触发的问题求助 [打印本页]
作者: 带土    时间: 2016-12-24 22:23
标题: 旋转木马鼠标点击触发的问题求助
旋转木马的触发方式——默认是鼠标经过触发'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>
复制代码



作者: 带土    时间: 2016-12-24 22:44
找到问题了



欢迎光临 论坛 (http://bbs.qinxue.com/) Powered by Discuz! X3.1