淘宝全屏

【淘宝全屏的轮播代码是怎么做的?】 <div class= skin-box-bd clear-fix > <span><DIV class=J_TWidget data-widget-type= Tabs data-widget-config= { effect : f...

淘宝全屏的轮播代码是怎么做的?

<div class= skin-box-bd clear-fix >
<span><DIV class=J_TWidget data-widget-type= Tabs
data-widget-config= { effect : fade , circular : true , navCls : toseise , activeTriggerCls : odslos , contentCls : piaofu } >
<DIV style= HEIGHT: 550px class=piaofu>
<DIV
style= Z-INDEX: 0; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; TOP: 0px; PADDING-TOP: 0px; LEFT: -485px
class=J_TWidget data-widget-type= Carousel
data-widget-config= { contentCls : slide-kun1362899830209content , triggerCls : slide-kun1362899830209triggers , navCls : slide-kun1362899830209triggers , triggerType : mouse , effect : scrollx , prevBtnCls : prev , nextBtnCls : next , steps : 1, autoplay : true, viewSize :[1920], circular : true } >
<DIV style= DISPLAY: none class=J_TWidget data-widget-type= Popup
data-widget-config= { trigger : .first-trigger2 , align :{ node : .first-trigger2 , offset :[0,0], points :[ cc , cc ]}} >
<DIV style= WIDTH: 90px; FLOAT: left; HEIGHT: 90px class=prev><IMG
src= 左点击 ></DIV>
<DIV style= WIDTH: 90px; HEIGHT: 90px; MARGIN-LEFT: 950px class=next><IMG
src= 右点击 ></DIV></DIV>
<DIV
style= PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; OVERFLOW: hidden; PADDING-TOP: 0px
class=first-trigger2>
<UL
style= PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px
class=slide-kun1362899830209content>
<LI
style= PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px ><A
style= PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
href= 链接网站地址 target=_blank><IMG border=0
src= 大图链接地址 width=1920
height=570></A></LI>
<LI
style= PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px ><A
style= PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
href= 链接网站地址 target=_blank><IMG border=0
src= 大图链接地址 width=1920
height=570></A></LI>
<LI
style= PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px ><A
style= PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
href= 链接网站地址 target=_blank><IMG border=0
src= 大图链接地址 width=1920
height=570></A></LI>
<LI
style= PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px ><A
style= PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
href= 链接网站地址 target=_blank><IMG border=0
src= 大图链接地址 width=1920
height=570></A></LI>
<LI
style= PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 570px; PADDING-TOP: 0px ><A
style= PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
href= 链接网站地址 target=_blank><IMG border=0
src= 大图链接地址 width=1920
height=570></A></LI>
</UL></DIV>
</DIV></DIV></DIV>

</span>
</div>

全屏海报轮播效果自已弄代码,如果不是很了解HTML是比较麻烦的,懂代码的自然就不用说了 分分钟搞定的事情,有个工具可以推荐用下,免费的,不管几张图片 特效等都能一键生成,比较靠谱,新手也能装修 店招 全屏海报制作 视频网页链接

继续阅读:淘宝全屏的轮播代码是怎么做的?