有文字描述的淘宝装修代码在线生成

人气：142305 轮播尺寸：1920x600图片尺寸：1920x600

图片数量：

动画速度：

停留时间：打开方式：动画效果：

背景颜色 :
当前文字背景颜色 :

图片地址1: 链接地址1:

描述文字1:

图片地址2: 链接地址2:

描述文字2:

图片地址3: 链接地址3:

描述文字3:

图片地址4: 链接地址4:

描述文字4:

获取代码： <DIV class=J_TWidget data-widget-type="Tabs" data-widget-config="{'effect':'fade','contentCls':'slidebox','navCls':'nav','hasTriggers':false}"> <DIV style="HEIGHT: 600px" class=slidebox> <DIV aria-hidden=true style="Z-INDEX: 9; BORDER-BOTTOM: medium none; POSITION: absolute; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 600px; BORDER-TOP: medium none; TOP: auto; BORDER-RIGHT: medium none; PADDING-TOP: 0px; LEFT: 50%; opacity: 1" class="footer-more-trigger ks-switchable-panel-internal725" role=tabpanel> <DIV style="BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 600px; OVERFLOW: hidden; BORDER-TOP: medium none; TOP: auto; BORDER-RIGHT: medium none; PADDING-TOP: 0px; LEFT: -960px" class=footer-more-trigger> <DIV style="POSITION: relative; OVERFLOW: hidden" class=J_TWidget data-widget-type="Carousel" data-widget-config="{'nextBtnCls':'next','activeTriggerCls':'selected','easing':'easeNone','viewSize':[1920],'effect':'scrollx','navCls':'dgdnav','prevBtnCls':'prev','contentCls':'dgdcontent','autoplay':'true','interval':'3','duration':'1.5'}"> <DIV style="POSITION: relative; WIDTH: 1920px; HEIGHT: 600px; OVERFLOW: hidden" class=ha_308> <DIV style="POSITION: absolute; WIDTH: 999999px; HEIGHT: 600px; LEFT: -5760px" class=dgdcontent> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img01.taobaocdn.com/imgextra/i1/54532389/TB2yOjubXXXXXaSXXXXXXXXXXXX-54532389.jpg" width=1920 height=600></A> <DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 360px; opacity: 0.6"></DIV> </DIV> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img01.taobaocdn.com/imgextra/i1/54532389/TB2LNPsbXXXXXXxXpXXXXXXXXXX-54532389.jpg" width=1920 height=600></A> <DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 660px; opacity: 0.6"></DIV> </DIV> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img04.taobaocdn.com/imgextra/i4/54532389/TB2ekzrbXXXXXa3XpXXXXXXXXXX-54532389.jpg" width=1920 height=600></A><DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 960px; opacity: 0.6"></DIV></DIV> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img01.taobaocdn.com/imgextra/i1/54532389/TB29MYtbXXXXXcjXXXXXXXXXXXX-54532389.jpg" width=1920 height=600></A><DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 1260px; opacity: 0.6"></DIV></DIV> </DIV> </DIV> <DIV style="Z-INDEX: 10; POSITION: relative; WIDTH: 1920px; BACKGROUND: url(http://img02.taobaocdn.com/imgextra/i2/54532389/TB2hDyEcFXXXXa8XXXXXXXXXXXX-54532389.png); HEIGHT: 28px; TOP: -28px; LEFT: 0px"></DIV> <DIV style="Z-INDEX: 30; POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 28px; WIDTH: 1200px; HEIGHT: 28px; TOP: -56px; LEFT: 360px" class=dgdnav> <A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class="ks-switchable-trigger-internal820 selected" href="http://dm.sanjiaoli.com">轮播图片描述1</A> <A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class=ks-switchable-trigger-internal820 href="http://dm.sanjiaoli.com">轮播图片描述2</A><A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class=ks-switchable-trigger-internal820 href="http://dm.sanjiaoli.com">轮播图片描述3</A><A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class=ks-switchable-trigger-internal820 href="http://dm.sanjiaoli.com">轮播图片描述4</A> </DIV> </DIV> </DIV> </DIV> </DIV></DIV>
<!DOCTYPE html> <head> <title>有文字描述的淘宝装修代码在线生成</title> <script> window.g_hb_monitor_st = +new Date(); window.g_config = {appId:2, assetsHost:"http://a.tbcdn.cn",toolbar:false, pageType:"wangpu"}; window.shop_config = { "shopId":"36052732", "siteId":"1", "userId":"58604862", "user_nick": "%E7%88%B1%E4%BD%A0885678", "template": { "name": "", "id": "206531", "design_nick": "" } }; window.shop_config.isView = true; window.shop_config.isvStat = { nickName:'%E7%88%B1%E4%BD%A0885678', userId:'58604862', shopId:'36052732', siteId:'1', siteCategoryId:'2', itemId:'', shopStats:'', validatorUrl:'http://store.taobao.com/tadget/shop_stats.htm', templateId:'206531', templateName:'' }; window._poc = window._poc || []; window._poc.push(["_trackCustom", "tpl", "new_shop"]); </script> <link rel="stylesheet" href="http://a.tbcdn.cn/??p/global/1.0/global-min.css?t=20130228.css"/> <link rel="stylesheet" href="http://a.tbcdn.cn/apps/taesite/platinum/stylesheet/??view/footer-min.css,view/copyright-min.css,view/layout-min.css,common/mods/header/header-min.css,/common/mods/ww-hover/default-min.css,common/modules-sys-default-min.css,common/modules-other-default-min.css?t=20130201.css"/> <link rel="stylesheet" href="http://a.tbcdn.cn/??/apps/taesite/platinum/stylesheet/common/templates/fengxun/red/skin-new.css?t=20121031.css"/> <script src="http://a.tbcdn.cn/??s/kissy/1.3.0/seed-min.js,p/global/1.0/global-min.js?t=20130228.js"></script> <script src="http://a.tbcdn.cn/apps/taesite/platinum/scripts/wangpu/init-min.js?t=20130228.js"></script> <style type="text/css"> html { padding: 0; margin: 0; overflow-x: hidden; } </style> </head> <body >  <div id="page"> <div id="content" class="eshop head-expand tb-shop" > <div id="content" style="left:50%"> <div class="layout grid-m0 J_TLayout" data-widgetid="24783721" data-componentid="231" data-context="bd" data-prototypeid="231" data-id="24783721"> <div class="col-main"> <div class="main-wrap J_TRegion" data-modules="main" style="overflow:visible;" data-width="b950"> <div class="J_TModule" data-widgetid="24783722" id="shop24783722" data-componentid="5003" data-spm='110.0.5003-24783722' microscope-data='5003- 24783722' data-title="自定义内容区" > <div class="skin-box tb-module tshop-pbsm tshop-pbsm-shop-self-defined"> <s class="skin-box-tp"><b></b></s> <div class="skin-box-bd clear-fix"> <span>  <DIV class=J_TWidget data-widget-type="Tabs" data-widget-config="{'effect':'fade','contentCls':'slidebox','navCls':'nav','hasTriggers':false}"> <DIV style="HEIGHT: 600px" class=slidebox> <DIV aria-hidden=true style="Z-INDEX: 9; BORDER-BOTTOM: medium none; POSITION: absolute; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; DISPLAY: block; HEIGHT: 600px; BORDER-TOP: medium none; TOP: auto; BORDER-RIGHT: medium none; PADDING-TOP: 0px; LEFT: 50%; opacity: 1" class="footer-more-trigger ks-switchable-panel-internal725" role=tabpanel> <DIV style="BORDER-BOTTOM: medium none; POSITION: relative; BORDER-LEFT: medium none; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; WIDTH: 1920px; PADDING-RIGHT: 0px; HEIGHT: 600px; OVERFLOW: hidden; BORDER-TOP: medium none; TOP: auto; BORDER-RIGHT: medium none; PADDING-TOP: 0px; LEFT: -960px" class=footer-more-trigger> <DIV style="POSITION: relative; OVERFLOW: hidden" class=J_TWidget data-widget-type="Carousel" data-widget-config="{'nextBtnCls':'next','activeTriggerCls':'selected','easing':'easeNone','viewSize':[1920],'effect':'scrollx','navCls':'dgdnav','prevBtnCls':'prev','contentCls':'dgdcontent','autoplay':'true','interval':'3','duration':'1.5'}"> <DIV style="POSITION: relative; WIDTH: 1920px; HEIGHT: 600px; OVERFLOW: hidden" class=ha_308> <DIV style="POSITION: absolute; WIDTH: 999999px; HEIGHT: 600px; LEFT: -5760px" class=dgdcontent> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img01.taobaocdn.com/imgextra/i1/54532389/TB2yOjubXXXXXaSXXXXXXXXXXXX-54532389.jpg" width=1920 height=600></A> <DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 360px; opacity: 0.6"></DIV> </DIV> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img01.taobaocdn.com/imgextra/i1/54532389/TB2LNPsbXXXXXXxXpXXXXXXXXXX-54532389.jpg" width=1920 height=600></A> <DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 660px; opacity: 0.6"></DIV> </DIV> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img04.taobaocdn.com/imgextra/i4/54532389/TB2ekzrbXXXXXa3XpXXXXXXXXXX-54532389.jpg" width=1920 height=600></A><DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 960px; opacity: 0.6"></DIV></DIV> <DIV style="DISPLAY: block; FLOAT: left" class=ks-switchable-panel-internal821><A style="WIDTH: 1920px; DISPLAY: block; HEIGHT: 600px" href="http://dm.sanjiaoli.com" target=_blank><IMG src="http://img01.taobaocdn.com/imgextra/i1/54532389/TB29MYtbXXXXXcjXXXXXXXXXXXX-54532389.jpg" width=1920 height=600></A><DIV style="Z-INDEX: 20; POSITION: relative; WIDTH: 300px; BACKGROUND: #ff0000; HEIGHT: 28px; TOP: -28px; LEFT: 1260px; opacity: 0.6"></DIV></DIV> </DIV> </DIV> <DIV style="Z-INDEX: 10; POSITION: relative; WIDTH: 1920px; BACKGROUND: url(http://img02.taobaocdn.com/imgextra/i2/54532389/TB2hDyEcFXXXXa8XXXXXXXXXXXX-54532389.png); HEIGHT: 28px; TOP: -28px; LEFT: 0px"></DIV> <DIV style="Z-INDEX: 30; POSITION: relative; TEXT-ALIGN: center; LINE-HEIGHT: 28px; WIDTH: 1200px; HEIGHT: 28px; TOP: -56px; LEFT: 360px" class=dgdnav> <A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class="ks-switchable-trigger-internal820 selected" href="http://dm.sanjiaoli.com">轮播图片描述1</A> <A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class=ks-switchable-trigger-internal820 href="http://dm.sanjiaoli.com">轮播图片描述2</A><A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class=ks-switchable-trigger-internal820 href="http://dm.sanjiaoli.com">轮播图片描述3</A><A style="WIDTH: 300px; DISPLAY: block; FLOAT: left; HEIGHT: 28px; COLOR: #fff; CURSOR: pointer; TEXT-DECORATION: none" class=ks-switchable-trigger-internal820 href="http://dm.sanjiaoli.com">轮播图片描述4</A> </DIV> </DIV> </DIV> </DIV> </DIV></DIV>  </span> </div> <s class="skin-box-bt"><b></b></s> </div> </div> </div> </div> </div> </div> </div> </div>  </body> </html>

生成步骤

1.按照要求正确填写表单内容。
2.点击确定生成按钮进行代码的生成。
3.点击运行测试按钮查看效果。
4.如果有错误重复前三步直到无错。
5.复制代码粘贴到您店铺的相应位置。
完成

温馨提示

代码生成站新开以后将有更多的代码
您可以点击保存代码把代码保存到本地
您保存的代码为html格式用文本打开
网址图片地址链接地址以http://开头