电商天猫淘宝-通用轮播海报-跑马灯式轮播海报多品推荐首页详情轮播海报全屏海报
此轮播适合在PC端做首页或默认详情中多产品推荐,不懂代码的可以直接换图,这里设置的是250X250的图片,留10像素间隔,如有需要可以改动数字参数!用首页把790改1920即可。
<div class="taomeizhuli" style="height:250px;" data-title="跑马灯式轮播">
<div class="footer-more-trigger" style="width:790px;height:250px;top:-0px;left:-485px;z-index:20;border-bottom:0px;border-left:0px;padding-bottom:0px;padding-left:0px;z-index:20;padding-right:0px;border-right:0px;padding-top:0px;border-top:0px;">
<div class="J_TWidget" data-widget-config="{'effect':'scrollx','contentCls':'content_laimonfilm','navCls':'nav_laimonfilm','autoplay':true,'circular':true,'interval':3,'duration':3,'pauseOnHover':true}" data-widget-type="Carousel" style="width:1920px;height:500px;position:relative;overflow:hidden;">
<ul class="content_laimonfilm" style="width:999999px;left:-1236.5px;position:absolute;">
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;position:relative;left:2600px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.104.7RexjO&id=536341917793&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i2/1888444301/TB2wfMZXV55V1Bjy0FnXXc5XFXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;position:relative;left:2600px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.79.7RexjO&id=37552331337&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i4/1888444301/TB2ChsuaerAQeBjSZPcXXbJ6pXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.84.7RexjO&id=530875073121&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i4/1888444301/TB2QXITXWi5V1Bjy1zkXXcL4VXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.89.7RexjO&id=529118437693&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i4/1888444301/TB2uyIUXV95V1Bjy0FgXXc2vFXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.144.7RexjO&id=534917419237&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i4/1888444301/TB2IVA1XWm5V1BjSszhXXcMtXXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.104.7RexjO&id=536341917793&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i3/1888444301/TB2tSZzalPzQeBjSZFlXXccIVXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.94.7RexjO&id=39859395805&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i2/1888444301/TB2FkMzahvzQeBjSZFMXXcVfFXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.139.7RexjO&id=528042674204&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i2/1888444301/TB2ub.AaX_AQeBjSZFyXXb1bXXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.149.7RexjO&id=535284903592&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i1/1888444301/TB2.9EzaX_AQeBjSZFBXXX22XXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
<li class="-_-switchable-panel-internal830 ks-switchable-panel-internal1137" style="width:260px;display:block;float:left;height:250px;">
<span>
<a href="https://detail.tmall.com/item.htm?spm=a1z10.3-b.w4011-5517643837.74.7RexjO&id=45790912056&rn=94a0a95cf0f03df46d7afd298f31d316&abbucket=13" target="_blank">
<img src="https://img.alicdn.com/imgextra/i2/1888444301/TB2nWISXV15V1Bjy1XdXXayCFXa_!!1888444301.jpg" style="width:250px;height:250px;">
</a>
</span>
</li>
</ul>
<ul class="nav_laimonfilm">
<li class="ks-switchable-trigger-internal1136">1</li>
<li class="ks-switchable-trigger-internal1136">2</li>
<li class="ks-switchable-trigger-internal1136">3</li>
<li class="ks-switchable-trigger-internal1136" ks-active>4</li>
<li class="ks-switchable-trigger-internal1136">5</li>
<li class="ks-switchable-trigger-internal1136">6</li>
<li class="ks-switchable-trigger-internal1136">7</li>
<li class="ks-switchable-trigger-internal1136">8</li>
<li class="ks-switchable-trigger-internal1136">9</li>
<li class="ks-switchable-trigger-internal1136">10</li>
</ul>
</div>
</div>
</div>






































