淘宝店铺装修旺铺基础版全屏轮播代码效果1920PX海报

支持旺铺基础版1920全屏轮播

代码如下，请替换图片地址。 

 

<div style="height:450px;" class="jg_tools_code">
  <div class="most-footer footer-more-trigger jgabs" style="background-color:transparent;width:100%;height:450px;border:none;padding:0;top:auto;left:auto;">
    <div class="most-footer footer-more-trigger jgabs" style="background-color:transparent;width:1920px;height:450px;left:-485px;top:auto;border:none;padding:0;overflow:hidden;">
      <div class="slider_sys_layer" style="height:450px;width:1920px;overflow: hidden;">
        <div class="slider_sys_wrap J_TWidget" data-widget-type="Carousel" data-widget-config="{'effect': 'scrollx', 'circular': true,'autoplay': true,'duration': 0.5,'contentCls' : 'jg_content_sys','prevBtnCls':'jg_left_sys','nextBtnCls':'jg_right_sys'}"
                style="height:450px;width:1920px;overflow: hidden;">

          <ul class="jg_content_sys clearfix" style="top:0;position:absolute;">
            <li style="height:450px;width:1920px;overflow: hidden;">
              <div style="background-color:transparent;background-image: url(https://img.alicdn.com/imgextra/i2/380097787/TB2p_bSsVXXXXbTXXXXXXXXXXXX-380097787.jpg);background-repeat:no-repeat;background-attachment:scroll;height:450px;width:1920px;position: relative;"> </div>
            </li>
            <li style="height:450px;width:1920px;overflow: hidden;">
              <div style="background-color:transparent;background-image: url(https://img.alicdn.com/imgextra/i1/380097787/TB2zGzHsVXXXXXwXpXXXXXXXXXX-380097787.jpg);background-repeat:no-repeat;background-attachment:scroll;height:450px;width:1920px;position: relative;"> </div>
            </li>
          </ul>
          <span class="jg_left_sys most-footer footer-more-trigger jgabs" style="background-color:transparent;width:auto;border:none 0;padding:0; z-index:90;left:465px;top:185px;cursor: pointer;"> <img src="https://img.alicdn.com/imgextra/i3/380097787/TB2lRTksVXXXXcdXpXXXXXXXXXX-380097787.png"
                        /> </span> <span class="jg_right_sys most-footer footer-more-trigger jgabs" style="background-color:transparent;width:auto;border:none 0;padding:0; z-index:90;left:1415px;top:185px;cursor: pointer;"> <img src="https://img.alicdn.com/imgextra/i4/380097787/TB2X0zCsVXXXXXAXpXXXXXXXXXX-380097787.png"
                        /> </span> </div>
      </div>
    </div>
  </div>
</div>

　　

 

 

转载于:https://www.cnblogs.com/ihjun/p/5676528.html