一键访问 | 淘宝开店QQ群1:275113935 QQ群2:91255548 QQ群3:15732716 QQ群4:35780981
下载地址

淘宝店铺多栏选项卡切换宝贝促销展现装修代码

无需下载代码,请直接复制下面的”淘宝店铺多栏选项卡切换宝贝促销展现装修代码“,展示代码包括了7款宝贝,3大分类选项,新品上市,掌柜推荐和热销宝贝。

使用方法:复制下面的代码,然后粘贴进定义区就可以了,使用代码前请将代码中的对应图片上传到自己的图片空间。

下面是该代码的效果图片:



<div class="tb-module" data-title="装修宅多栏选项卡" data-mid="2287472" data-size="355" data-issys="0" data-ismove="1" data-isdel="1" data-isedit="1" data-isadd="1" data-iscopy="1" data-isstat="0">
<div class="">
  <div style="height:354px;font-family:微软雅黑;" class="J_TWidget slide_RHWkt" data-widget-config="{"nextBtnCls":"next","circular":true,"duration":1.5,"disableBtnCls":"disable","easing":"elasticOut","interval":"4","effect":"scrolly","navCls":"tab-nav","steps":1,"prevBtnCls":"prev","contentCls":"tab-content","autoplay":false}" data-widget-type="Carousel">
   <ul class="J_TWidget tab-nav" style="color:#FFF;text-align:center;height:36px;font-size:15px;overflow:hidden;zoom:1;" data-widget-type="Accordion" data-widget-config="{"triggerCls":"tab-panel","panelCls":"tab-panel-go","triggerType":"mouse"}">
    <li class="tab-panel" style="_margin:0 1px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;outline:none;width:150px;height:32px;line-height:32px;cursor:pointer;overflow:hidden;">
      <span class="tab-panel-go" style="background:#97ABC8;width:150px;color:#FFF;height:32px;display:block;">新品上市</span> <span style="border:1px solid #97ABC8;color:#97ABC8;background:#FFF;width:148px;line-height:30px;height:30px;display:block;">新品上市</span>
    </li>
    <li class="tab-panel" style="_margin:0 1px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;outline:none;width:150px;height:32px;line-height:32px;cursor:pointer;overflow:hidden;">
      <span class="tab-panel-go" style="background:#97ABC8;width:150px;color:#FFF;height:32px;display:none;">热销宝贝</span> <span style="border:1px solid #97ABC8;color:#97ABC8;background:#FFF;width:148px;line-height:30px;height:30px;display:block;">热销宝贝</span>
    </li>
    <li class="tab-panel" style="_margin:0 1px;display:inline-block;*zoom:1;*display:inline;vertical-align:top;outline:none;width:150px;height:32px;line-height:32px;cursor:pointer;overflow:hidden;">
      <span class="tab-panel-go" style="background:#97ABC8;width:150px;color:#FFF;height:32px;display:none;">店主推荐</span> <span style="border:1px solid #97ABC8;color:#97ABC8;background:#FFF;width:148px;line-height:30px;height:30px;display:block;">店主推荐</span>
    </li>
   </ul>
   <div class="scroller" style="width:750px;height:314px;background:#FFF;overflow:hidden;">
    <ul class="tab-content">
     <li class="row" style="width:750px;height:314px;overflow:hidden;">
      <ul style="overflow:hidden;zoom:1;padding:10px;">
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i4/TB104W6GXXXXXXWXFXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=37981404850&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥149.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i4/TB104W6GXXXXXXWXFXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=37981404850&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥149.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i2/TB1Tk8nGFXXXXa7XFXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=37940337988&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥99.9</span> </a>
       </li>
       <li style="width:284px;border:1px solid #EEE;overflow:hidden;margin:0;float:right;">
         <a style="display:block;width:284px;height:292px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i4/19324028421271530/T1D7mkFldbXXXXXXXX_!!0-item_pic.jpg_300x300.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=19450225427&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:272px;"> ¥179.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i4/T1uWNkFPxcXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=37751122902&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥29.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i1/TB10ZTSGFXXXXctXFXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=41029986393&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥139.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i1/19324036191532153/T1T8OUXvNiXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=24306836925&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥25.0</span> </a>
       </li>
      </ul>
     </li>
     <li class="row" style="width:750px;height:314px;overflow:hidden;">
      <ul style="overflow:hidden;zoom:1;padding:10px;">
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i2/T1X_8hFGpXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥69.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i1/T1SrCkFEpgXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥149.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i3/TB17AnpFFXXXXcCXpXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥59.0</span> </a>
       </li>
       <li style="width:284px;border:1px solid #EEE;overflow:hidden;margin:0;float:right;">
         <a style="display:block;width:284px;height:292px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i4/TB104W6GXXXXXXWXFXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:272px;"> ¥149.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i2/TB1Tk8nGFXXXXa7XFXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥99.9</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i1/T1oaRVFMNXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥69.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i3/T1xIBoFQJaXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥49.0</span> </a>
       </li>
      </ul>
     </li>
     <li class="row" style="width:750px;height:314px;overflow:hidden;">
      <ul style="overflow:hidden;zoom:1;padding:10px;">
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i2/T1X_8hFGpXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥69.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i1/T1SrCkFEpgXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥149.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:0px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i3/TB17AnpFFXXXXcCXpXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥59.0</span> </a>
       </li>
       <li style="width:284px;border:1px solid #EEE;overflow:hidden;margin:0;float:right;">
         <a style="display:block;width:284px;height:292px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i4/TB104W6GXXXXXXWXFXXXXXXXXXX_!!0-item_pic.jpg_300x300.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:272px;"> ¥149.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i2/TB1Tk8nGFXXXXa7XFXXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥99.9</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i1/T1oaRVFMNXXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥69.0</span> </a>
       </li>
       <li style="width:136px;border:1px solid #EEE;overflow:hidden;margin:10px 10px 0 0;float:left;">
         <a style="display:block;width:136px;height:140px;background:#FFF url(//gdp.alicdn.com/bao/uploaded/i3/T1xIBoFQJaXXXXXXXX_!!0-item_pic.jpg_145x145.jpg) no-repeat center center;overflow:hidden;" href="http://item.taobao.com/item.htm?id=0&scene=taobao_shop" target="_brank"> <span style="display:block;width:60px;color:#FFF;float:right;text-align:center;height:20px;line-height:20px;background:#97ABC8;margin-top:120px;"> ¥49.0</span> </a>
       </li>
      </ul>
     </li>
    </ul>
   </div>
  </div>
</div>
</div>

本网站素材资源仅供个人学习与参考,请勿用于商业用途,后果由使用者自己承担!!!