天猫滚动海报代码-天猫全屏海报代码

你去谷歌搜索"javascript100插件" 这个插件的焦点图轮换就可以实现天猫的这个图片滚动

<div class="skin-box-bd clear-fix">

<div class="J_TWidget" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs">

<div class="piaofu" style="height:440px;">

<div class="J_TWidget footer-more-trigger ks-switchable-panel-internal211" data-widget-config="{'effect': 'fade', 'circular': true ,'navCls':'toseise','activeTriggerCls':'odslos','contentCls':'piaofu'}" data-widget-type="Tabs" style="left:50%;top:inherit;padding:0px;border:0px none;display:block;opacity:1;z-index:9;">

<div class="piaofu">

<div class="J_TWidget footer-more-trigger ks-switchable-panel-internal226" 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 }" data-widget-type="Carousel" style="border:0px none;z-index:9;top:0px;left:-960px;padding:0px;margin:0px;width:1920px;display:block;opacity:1;">

<div class="first-trigger2" style="padding:0px;margin:0px;overflow:hidden;width:1920px;height:440px;position:relative;">

<ul class="slide-kun1362899830209content" style="padding:0px;margin:0px;width:999999px;height:440px;">

<li class="ks-switchable-panel-internal231" style="padding:0px;margin:0px;width:1920px;list-style-type:none;height:440px;display:block;float:left;">

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"> </a></span></span>

<table border="0" cellpadding="0" cellspacing="0" class="" height="440" width="1920">

<tbody>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="118" src="

!!" width="1920" /></a></span></span></td>

</tr>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="116" src="

!!" width="1920" /></a></span></span></td>

</tr>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="120" src="

!!" width="1920" /></a></span></span></td>

</tr>

<tr>

<td>

<span><span><a data-attr-replace="[巴利迪亚专业内增高男鞋品牌]" style="padding-right:0px;padding-left:0px;padding-bottom:0px;margin:0px;padding-top:0px;" target="_blank"><img alt="" height="86" src="

!!" width="1920" /></a></span></span></td>

</tr>

</tbody>

</table>

</li>

</ul>

</div>

</div>

</div>

</div>

</div>

</div>

</div>

<div class="J_TWidget mypoper" data-widget-config="{'effect': 'fade','circular': true ,'contentCls':'sj-t','navCls':'sj-n','autoplay':'true'}" data-widget-type="Tabs" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">

<div class="sj-t">

<div class="J_TWidget" data-widget-config="{'contentCls': 'sj-content','navCls': 'sj-n','triggerType': 'click','effect': 'fade','steps': 1,'autoplay': true,'circular': true ,'prevBtnCls':'prev','nextBtnCls':'next'}" data-widget-type="Carousel">

<div class="pa2">

<div class="J_TWidget" data-widget-config="{'trigger':'.sj-content', 'align':{'node':'.mypoper', 'offset':[0,0], 'points':['cl','cl'] } }" data-widget-type="Popup" style="width:950px;display:none;">

<div class="ks-contentbox" style="padding-bottom:0px;margin:0px;padding-left:0px;width:950px;padding-right:0px;padding-top:0px;left:0px;">

<div class="prev" style="float:left;margin-left:50px;">

<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>

<div class="next" style="float:right;margin-right:50px;">

<img class="J_TWidget" data-ks-lazyload="" data-widget-config="{'png':true,'png_tag':true}" data-widget-type="Compatible" style="height:1px;width:1px;" /></div>

</div>

</div>

<ul class="sj-content" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;overflow:hidden;padding-top:0px;">

<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">

<a target="_blank"><img data-ks-lazyload="

图片地址" /></a></li>

<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:440px;padding-right:0px;height:600px;padding-top:0px;left:-250px;">

<a target="_blank"><img data-ks-lazyload="

图片地址" /></a></li>

</ul>

</div>

<div style="width:1920px;display:none;height:0px;overflow:hidden;">

<ul class="sj-t" style="padding-bottom:0px;margin:0px;padding-left:0px;width:1440px;padding-right:0px;height:50px;padding-top:0px;">

<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:black;float:left;height:600px;padding-top:0px;">

</li>

<li style="padding-bottom:0px;list-style-type:none;margin:0px;padding-left:0px;width:315px;padding-right:0px;background:#F8C;float:left;height:8600px;padding-top:0px;">

</li>

</ul>

</div>

<ul class="sj-n" style="padding-bottom:0px;margin:0px;padding-left:0px;padding-right:0px;display:none;height:1px;padding-top:0px;">

单词解释: width:1440px 这个是图片宽度,亲们可以自己设置多少。

height:600px 这个是图片高度,也是亲们自己设置。

left:-250px 这个是水平位置,图片插入进去没居中的,亲们就慢慢增加或者减少数字,就可以调到居中的哈。有什么问题再密我。