打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
淘宝基础版全屏轮播不居中,求助各位大神-美工经验分享


轮播偏右
  1. <div class="MaGong" data-title="" data-time="1478598011" style="height:650px;">
  2.   <div class="footer-more footer-more-trigger" style="left:auto;right:auto;width:950px;height:650px;top:auto;padding:0;border:none;z-index:1;background:none;">
  3.     <div class="footer-more footer-more-trigger" style="left:-485px;top:0px;height:650px;width:1920px;border:none;padding:0;background:none;">
  4.       <div data-widget-config="{"nextBtnCls":"Mnext","circular":true,"duration":1,"activeTriggerCls":"hidden","easing":"easeOutStrong","viewSize":[1920],"effect":"scrollx","interval":4,"navCls":"ma_na","triggerType":"mouse","prevBtnCls":"Mprev","contentCls":"macontent","autoplay":true}" data-widget-type="Carousel" class="J_TWidget">
  5.         <div class="J_TWidget Mprev" data-widget-config="{"trigger":".LY","align":{"node":".LY","offset":[-510,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
  6.           <div class="Mprev" style="font-size:100px;cursor:pointer;">
  7.              <img src="//gdp.alicdn.com/imgextra/i4/126112166/TB2EaKBaXXXXXXxXXXXXXXXXXXX-126112166.png" />
  8.           </div>
  9.         </div>
  10.         <div class="J_TWidget Mnext" data-widget-config="{"trigger":".LY","align":{"node":".LY","offset":[510,0],"points":["cc","cc"]}}" data-widget-type="Popup" style="display:none;">
  11.           <div class="Mnext" style="font-size:100px;cursor:pointer;">
  12.              <img src="//gdp.alicdn.com/imgextra/i2/126112166/TB2s_WAaXXXXXXQXXXXXXXXXXXX-126112166.png" />
  13.           </div>
  14.         </div>
  15.         <div class="LY" style="height:650px;width:1920px;overflow:hidden;padding:0px;margin:0px;border:0;background:none;">
  16.           <ul class="macontent" style="height:650px;width:1920px;padding:0px;margin:0px;">
  17.             <li class="item">
  18.                <img src="//gdp.alicdn.com/imgextra/i1/2478968659/TB21FJpcg9J.eBjSsppXXXAAVXa_!!2478968659.jpg" />
  19.             </li>
  20.             <li class="item">
  21.                <img src="//gdp.alicdn.com/imgextra/i1/2478968659/TB21FJpcg9J.eBjSsppXXXAAVXa_!!2478968659.jpg" />
  22.             </li>
  23.           </ul>
  24.         </div>
  25.         <div class="footer-more footer-more-trigger" style="width:1920px;height:45px;left:auto;top:auto;bottom:0;padding:0px;border:none;background:none;display:block;">
  26.           <div class="footer-more footer-more-trigger" style="z-index:99;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;">
  27.             <ul class="ma_na" style="width:1920px;height:45px;margin:0 auto;text-align:center;border:none;color:#FFF;">
  28.               <li class="hidden" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
  29.                  ●
  30.               </li>
  31.               <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
  32.                  ●
  33.               </li>
  34.             </ul>
  35.           </div>
  36.           <div class="footer-more footer-more-trigger" style="z-index:98;width:1920px;height:45px;padding:0px;border:none;left:auto;top:auto;background:none;background:none;">
  37.             <ul class="ma_nb" style="width:1920px;height:45px;margin:0 auto;text-align:center;border:none;color:#333333;">
  38.               <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
  39.                  ●
  40.               </li>
  41.               <li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding-top:10px;line-height:1.4;font-size:27px;">
  42.                  ●
  43.               </li>
  44.             </ul>
  45.           </div>
  46.         </div>
  47.       </div>
  48.     </div>
  49.   </div>
  50. </div>
复制代码




本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
jquery写的tab切换效果 非常简单
建站教程>CMS建站>帝国CMS一个不错的头条效果的标签-中国西部旅游信息网
DIV+CSS布局网页的实例
HTML5初学----基础代码案例汇总
全屏海报轮播代码与使用方法分享
css的网页布局案例
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服