以便能更快的应用编码，相匹配的编码改动方式：
1、改动子雨的淘宝网店连接http://tqao.taobao.com 为相匹配商品的链接地址；
2、改动你需要的月销商品总数；
3、改动相匹配宝贝的图片链接地址给你商品图片链接地址，图片大小为160px*160px ；
4、改动针对孩子的价钱；价钱的改动在数据可视化下改动较为不便，提议立即在编码中同时改动价钱！
5、本编码仅有5款热卖商品排名展现，你可以自己依据必须选择商品数。
淘宝网左边控制模块电子琴编码销量排行室内装修编码效果图片：
本图片为编码中采用的一口价照片，必须的淘友们能够鼠标点击另存后，上传入自己的图片室内空间应用。
如何把编码组装到你的店面实例教程：
拷贝下边的html源码，在店面装修，左边板块中，加上自定具体内容区，黏贴编码就可以。为了能不出错说不能使用别人图片空间的照片，请先将编码的上传图片自身的淘宝图片空间，对改动图片地址
<<div class="J_TWidget" data-widget-config="{'triggerType': 'mouse','triggerCls':'ks-switchable-trigger','panelCls':'ks-switchable-panel','multiple':false,'autoplay':true}" data-widget-type="Accordion" style="border-bottom: #ccc 1px solid; border-left: #ccc 1px solid; width: 188px; height: auto; border-top: #ccc 1px solid; border-right: #ccc 1px solid">
<div class="ks-switchable-trigger ks-active first-trigger" style="text-align: center; color: #666; font-size: 14px; border-top: #ccc 1px solid; cursor: pointer">
<br />
<strong><span style="color: #f00">NO.1</span></strong> 月销1000件</div>
<div class="ks-switchable-panel">
<a href="http://tqao.taobao.com/" target="_blank"><img height="160" src="No.1商品图片链接地址" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
<div style="text-align: center">
<img height="27" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664242786-20220927013946-63325462cebbe.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt"> No.1商品价钱元</font></strong></div>
</div>
<div class="ks-switchable-trigger" style="text-align: center; color: #666; font-size: 14px; border-top: #ccc 1px solid; cursor: pointer">
<br />
<span style="color: #f00"><strong>NO.2</strong></span> 月销800件</div>
<div class="ks-switchable-panel" style="display: none">
<a href="http://tqao.taobao.com/" target="_blank"><img height="160" src="No.2商品图片链接地址" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
<div style="text-align: center">
<img height="27" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664242786-20220927013946-63325462cebbe.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt"> No.2商品价钱元</font></strong></div>
</div>
<div class="ks-switchable-trigger" style="text-align: center; color: #666; font-size: 14px; border-top: #ccc 1px solid; cursor: pointer">
<br />
<span style="color: #f00"><strong>NO.3</strong></span> 月销700件</div>
<div class="ks-switchable-panel" style="display: none">
<a href="http://tqao.taobao.com/" target="_blank"><img height="160" src="No.3商品图片链接地址" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
<div style="text-align: center">
<img height="27" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664242786-20220927013946-63325462cebbe.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt"> No.3商品价钱元</font></strong></div>
</div>
<div class="ks-switchable-trigger" style="text-align: center; color: #666; font-size: 14px; border-top: #ccc 1px solid; cursor: pointer">
<br />
<span style="color: #f00"><strong>NO.4</strong></span> 月销600件</div>
<div class="ks-switchable-panel" style="display: none">
<a href="http://tqao.taobao.com/" target="_blank"><img height="160" src="No.4商品图片链接地址" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
<div style="text-align: center">
<img height="27" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664242786-20220927013946-63325462cebbe.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt"> No.4商品价钱元</font></strong></div>
</div>
<div class="ks-switchable-trigger last-trigger" style="text-align: center; color: #666; font-size: 14px; border-top: #ccc 1px solid; cursor: pointer">
<br />
<span style="color: #f00"><strong>NO.5</strong></span> 月销580件</div>
<div class="ks-switchable-panel" style="display: none">
<a href="http://tqao.taobao.com/" target="_blank"><img height="160" src="No.5商品图片链接地址" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
<div style="text-align: center">
<img height="27" src="https://img-1.tkgame.com/taozhijia/2022/07/12/https://www.taozhijia.com/wp-content/uploads/2022/09/1664242786-20220927013946-63325462cebbe.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt"> No.5商品价钱元</font></strong></div>
</div>
</div>
