淘宝图片轮播怎么设置啊
展开全部
这是代码
<div style="color:black;margin-bottom:10px;" class="tb-module tshop-um tshop-um-12-quanping"><div class="J_TWidget" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bslide_Jvj8V'}" data-widget-type="Tabs"> <div class="J_TWidget bslide_Jvj8V" style="height:789px;" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bnav_Nx0CF'}" data-widget-type="Tabs"> <div style="height:789px;width:1920px;left:-485px;top:0px;margin-left:-960px;" class="J_TWidget" data-widget-config="{'navCls':'scroller-nav','contentCls':'scroller-content','steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable','circular':true,'effect':'scrollx','easing':'easeBothStrong','duration':1,'interval':'10','autoplay':true}" data-widget-type="Carousel" data-relocation="1"> <div style="cursor:pointer;width:60px;height:30px;background:#765300 url(http://img01.taobaocdn.com/imgextra/i1/TB1v0rEGpXXXXXtXpXXtKXbFXXX.gif) no-repeat center center;display:none;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;" class="J_TWidget prev syy_new" data-widget-type="Popup" data-widget-config="{'trigger':'.popup_sfXIy','align':{'node':'.popup_sfXIy','offset':[-445,0],'points':['cc','cc']}}"> </div> <div style="cursor:pointer;width:60px;height:30px;background:#765300 url(http://img01.taobaocdn.com/imgextra/i4/TB1oabAGpXXXXbsXpXXtKXbFXXX.gif) no-repeat center center;display:none;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;" class="J_TWidget next xyy_new" data-widget-type="Popup" data-widget-config="{'trigger':'.popup_sfXIy','align':{'node':'.popup_sfXIy','offset':[445,0],'points':['cc','cc']}}"> </div> <div class="scroller popup_sfXIy" style="width:1920px;height:789px;overflow:hidden;"> <ul class="scroller-content"> <li style="width:1920px;height:789px;overflow:hidden;border:none;margin:0;"> <a href="#" target="_blank" style="display:block;cursor:pointer;width:1920px;height:789px;background:url(http://img01.taobaocdn.com/imgextra/i2/TB1H3ZZGXXXXXaKXpXXSutbFXXX.jpg) no-repeat center 0;"> </a> </li> <li style="width:1920px;height:789px;overflow:hidden;border:none;margin:0;"> <a href="#" target="_blank" style="display:block;cursor:pointer;width:1920px;height:789px;background:url(http://img01.taobaocdn.com/imgextra/i1/TB1gPI1GXXXXXXoXpXXSutbFXXX.jpg) no-repeat center 0;"> </a> </li> </ul> </div> <div class="bnav_Nx0CF"> <ul class="J_TWidget scroller-nav" style="background:url(http://img01.taobaocdn.com/imgextra/i2/TB1SvUxGXXXXXbkXpXXwu0bFXXX.png) no-repeat 0 0;padding:10px 0;bottom:0;width:1920px;overflow:hidden;text-align:center;left:0;font-family:tahoma;height:16px;color:#FFF;font-size:14px;font-family:tahoma;" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"> <li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li> <li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li> </ul> </div> <ul class="hidden-nav" style="display:none;height:0;line-height:0;font-size:0;overflow:hidden;"> <li class="ks-active">1</li> </ul> </div> </div> </div></div>
<div style="color:black;margin-bottom:10px;" class="tb-module tshop-um tshop-um-12-quanping"><div class="J_TWidget" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bslide_Jvj8V'}" data-widget-type="Tabs"> <div class="J_TWidget bslide_Jvj8V" style="height:789px;" data-widget-config="{'navCls':'hidden-nav','effect': 'fade', 'circular': true ,'contentCls':'bnav_Nx0CF'}" data-widget-type="Tabs"> <div style="height:789px;width:1920px;left:-485px;top:0px;margin-left:-960px;" class="J_TWidget" data-widget-config="{'navCls':'scroller-nav','contentCls':'scroller-content','steps':1,'prevBtnCls': 'prev','nextBtnCls': 'next','disableBtnCls': 'disable','circular':true,'effect':'scrollx','easing':'easeBothStrong','duration':1,'interval':'10','autoplay':true}" data-widget-type="Carousel" data-relocation="1"> <div style="cursor:pointer;width:60px;height:30px;background:#765300 url(http://img01.taobaocdn.com/imgextra/i1/TB1v0rEGpXXXXXtXpXXtKXbFXXX.gif) no-repeat center center;display:none;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;" class="J_TWidget prev syy_new" data-widget-type="Popup" data-widget-config="{'trigger':'.popup_sfXIy','align':{'node':'.popup_sfXIy','offset':[-445,0],'points':['cc','cc']}}"> </div> <div style="cursor:pointer;width:60px;height:30px;background:#765300 url(http://img01.taobaocdn.com/imgextra/i4/TB1oabAGpXXXXbsXpXXtKXbFXXX.gif) no-repeat center center;display:none;*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=40);opacity:0.4;" class="J_TWidget next xyy_new" data-widget-type="Popup" data-widget-config="{'trigger':'.popup_sfXIy','align':{'node':'.popup_sfXIy','offset':[445,0],'points':['cc','cc']}}"> </div> <div class="scroller popup_sfXIy" style="width:1920px;height:789px;overflow:hidden;"> <ul class="scroller-content"> <li style="width:1920px;height:789px;overflow:hidden;border:none;margin:0;"> <a href="#" target="_blank" style="display:block;cursor:pointer;width:1920px;height:789px;background:url(http://img01.taobaocdn.com/imgextra/i2/TB1H3ZZGXXXXXaKXpXXSutbFXXX.jpg) no-repeat center 0;"> </a> </li> <li style="width:1920px;height:789px;overflow:hidden;border:none;margin:0;"> <a href="#" target="_blank" style="display:block;cursor:pointer;width:1920px;height:789px;background:url(http://img01.taobaocdn.com/imgextra/i1/TB1gPI1GXXXXXXoXpXXSutbFXXX.jpg) no-repeat center 0;"> </a> </li> </ul> </div> <div class="bnav_Nx0CF"> <ul class="J_TWidget scroller-nav" style="background:url(http://img01.taobaocdn.com/imgextra/i2/TB1SvUxGXXXXXbkXpXXwu0bFXXX.png) no-repeat 0 0;padding:10px 0;bottom:0;width:1920px;overflow:hidden;text-align:center;left:0;font-family:tahoma;height:16px;color:#FFF;font-size:14px;font-family:tahoma;" data-widget-type="Compatible" data-widget-config="{'png':true,'png_bg':true}"> <li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li> <li style="width:20px;height:16px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;overflow:hidden;line-height:16px;">●</li> </ul> </div> <ul class="hidden-nav" style="display:none;height:0;line-height:0;font-size:0;overflow:hidden;"> <li class="ks-active">1</li> </ul> </div> </div> </div></div>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询