淘宝自定义模块代码实现1920大图轮番，自定义

1、你得是淘宝买家，进入“买家中心”点击店铺装修，进入店铺装修页面，添加‘自定义区域“。

2、然后点击”编辑“，选择”编辑源代码“，然后把下面的代码编辑好复制进去。

<div style="height:500px;">

<div class="footer-more-trigger" style="width:1920px;height:500px;top:auto;padding:0px;border:none;border:0px;left:50%;">

<div class="footer-more-trigger" style="width:1920px;height:500px;padding:0px;border:none;border:0px;left:-960px;">

<div data-widget-config="{&quot;nextBtnCls&quot;:&quot;next1408519344899&quot;,&quot;circular&quot;:true,&quot;easing&quot;:&quot;easeOutStrong&quot;,&quot;activeTriggerCls&quot;:&quot;arrow-d&quot;,&quot;effect&quot;:&quot;scrollx&quot;,&quot;viewSize&quot;:[1920],&quot;navCls&quot;:&quot;wenyukuncom1408519344&quot;,&quot;contentCls&quot;:&quot;wenyukun1408519344&quot;,&quot;prevBtnCls&quot;:&quot;prev1408519344899&quot;,&quot;autoplay&quot;:true}" data-widget-type="Carousel" class="J_TWidget">

<div style="height:500px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="kun1920">

<ul class="wenyukun1408519344" style="height:500px;width:1920px;padding:0px;margin:0px;">

<li style="width:1920px;height:500px;padding:0px;margin:0px;">

<a href="连接宝贝" target="_blank" style="padding:0px;margin:0px;"> <img src="轮番图片淘宝空间地址001

</li>

<li style="width:1920px;height:500px;padding:0px;margin:0px;">

<a href="连接宝贝" target="_blank" style="padding:0px;margin:0px;"> <img src="轮番图片淘宝空间地址002

</li>

<li style="width:1920px;height:500px;padding:0px;margin:0px;">

<a href="连接宝贝" target="肥裁调_blank" style="padding:0px;margin:0px;"> <img src="轮番图片淘裕棍宝空间地址娃茄003

</li>

<li style="width:1920px;height:500px;padding:0px;margin:0px;">

<a href="连接宝贝" target="_blank" style="padding:0px;margin:0px;"> <img src="轮番图片淘宝空间地址004

</li>

</ul>

</div>

<div class="footer-more-trigger" style="padding:0px;border:none;border:0px;left:50%;">

<div class="footer-more-trigger" style="width:528px;height:45px;padding:0px;border:none;border:0px;left:-209px;top:472px;">

<div class="prev1408519344899" style="width:18px;float:left;">

<img src="翻页图片

</div>

<ul class="wenyukuncom1408519344" style="width:463px;float:left;height:45px;margin-left:10px;text-align:center;border:none;border:0px;">

<li class="arrow-d" style="display:inline;background:none;margin:0 5px;cursor:pointer;padding:0px 0px;padding-top:10px;line-height:18px;">

<img src="轮番图片淘宝空间地址001

</li>

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding:0px 0px;padding-top:10px;line-height:18px;">

<img src="轮番图片淘宝空间地址002

</li>

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding:0px 0px;padding-top:10px;line-height:18px;">

<img src="轮番图片淘宝空间地址003

</li>

<li style="display:inline;background:none;margin:0 5px;cursor:pointer;padding:0px 0px;padding-top:10px;line-height:18px;">

<img src="轮番图片淘宝空间地址004

</li>

</ul>

<div class="next1408519344899" style="width:18px;float:right;margin-left:14px;">

<img src="翻页图片

</div>

</div>

</div>

</div>

</div>

</div>

</div>

注意：翻页图片就是下图中标出来的图片

3、点击发布店铺，就会进入新装修的店铺，就可以看到自己装修的效果了

4、这段代码的核心只是使用了div标签、a标签、img标签，div表示定位，并给一个固定的宽度，a标签就是连接到对应的宝贝，img标签就是用来展示图片。记得div的宽度要图片的宽度要计算，如果不想，你可以直接将图片的宽度设置为1920，就可以直接使用这段代码。

5、总结：这段时间给朋友装修店铺，发现装修店铺也有很多小技巧，也可以不掏钱就把店铺装修的很好看，大气上档次。在后续的经验分享中会陆续分享很多和写代码能实现的，在生活中、工作中遇到的问题，希望大家继续关注我。