关联轮播海报代码-淘宝上怎样用html代码实现图片轮播！

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

<marquee>

<img src='图片1'>

<img src='图片2'>

<img src='图片3'>

</marquee>

亲 是下面这个 一、带渐变效果的淘宝店铺促销轮播代码: <DIV class="slider-promo J_Slider J_TWidget tb-slide" style="HEIGHT: 400px" data-widget-config="{'effect':'fade','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}" data-widget-type="Slide"> <ul class="lst-main tb-slide-list" style="HEIGHT: 400px"> <li><A target=_blank href="#"><img alt="" src="图片地址1"></A></li> <li><A target=_blank href="#"><img alt="" src="图片地址2"></A></li> <li><A target=_blank href="#"><img alt="" src="图片地址3"></A></li> <li><A target=_blank href="#"><img alt="" src="图片地址4"></A></li></ul> <ul class=lst-trigger> 二、淘宝促销轮播代码之渐变效果代码解释: HEIGHT: 400px 设置你的轮播模块高度,根据你的促销图片的尺寸来设置,此版本轮播是4张图片,且4张图片宽度、高度分别统一。本设置在代码中有两处。 <A target=_blank href="#"> “#”代表你的促销商品的链接网址,共有4处。 <img alt="" src="图片地址1"> “图片地址1”设置你促销图片的网络地址,也有4处。 如果还不可以的话 我给你我写的帖子看看

求采纳