这是一篇淘宝店铺装修促销图片关灯代码+宝贝分类教程,欢迎各位新手阅读,高手请跳过本节内容!

使用方法:复制以下的代码粘贴到自定义区域里,这里要注意一下,一定要在代码模式下粘贴喔!粘贴后修改一下图片地址和宝贝连接地址,改成你自己的店铺地址,我这里就不啰嗦了!先看一下效果图!

012.JPG

下面是代码内容:

<div style="width:950px;overflow:hidden;zoom:1;">
	<div style="float:left;width:200px;overflow:hidden;background:#18C4C8;height:420px;">
		<dl class="cats_hnsYF1" style="height:63px;padding:10px;display:block;overflow:hidden;border-bottom:1px solid #17CBCF;">
			<dt style="color:#FFF;font-weight:700;height:20px;line-height:20px;margin-bottom:8px;">
				 <a style="color:#FFF;" href="//mododoo.taobao.com/category-437416957.htm?search=y&catName=%C8%FD%D0%C7%D7%A8%C7%F8&scene=taobao_shop" target="_blank">三星专区</a>
			</dt>
			<dd style="float:left;margin-right:10px;height:22px;">
				 <a style="white-space:nowrap;display:inline-block;color:#FFF;" href="//mododoo.taobao.com/category-437416958.htm?search=y&parentCatId=437416957&parentCatName=%C8%FD%D0%C7%D7%A8%C7%F8&catName=i9100%B1%A3%BB%A4%CC%D7%2F%BF%C7&scene=taobao_shop" target="_blank">i9100保护套/壳</a>
			</dd>
			<dd style="float:left;margin-right:10px;height:22px;">
				 <a style="white-space:nowrap;display:inline-block;color:#FFF;" href="//mododoo.taobao.com/category-485043761.htm?search=y&parentCatId=437416957&parentCatName=%C8%FD%D0%C7%D7%A8%C7%F8&catName=i9100%D0%A1%C5%E4%BC%FE&scene=taobao_shop" target="_blank">i9100小配件</a>
			</dd>
		</dl>
		<dl class="cats_hnsYF1" style="height:63px;padding:10px;display:block;overflow:hidden;border-bottom:1px solid #17CBCF;">
			<dt style="color:#FFF;font-weight:700;height:20px;line-height:20px;margin-bottom:8px;">
				 <a style="color:#FFF;" href="//mododoo.taobao.com/category-377129758.htm?search=y&catName=%C6%BB%B9%FBiPhone%D7%A8%C7%F8&scene=taobao_shop" target="_blank">苹果iPhone专区</a>
			</dt>
			<dd style="float:left;margin-right:10px;height:22px;">
				 <a style="white-space:nowrap;display:inline-block;color:#FFF;" href="//mododoo.taobao.com/category-485044865.htm?search=y&parentCatId=377129758&parentCatName=%C6%BB%B9%FBiPhone%D7%A8%C7%F8&catName=iPhone%B1%A3%BB%A4%CC%D7&scene=taobao_shop" target="_blank">iPhone保护套</a>
			</dd>
			<dd style="float:left;margin-right:10px;height:22px;">
				 <a style="white-space:nowrap;display:inline-block;color:#FFF;" href="//mododoo.taobao.com/category-485044866.htm?search=y&parentCatId=377129758&parentCatName=%C6%BB%B9%FBiPhone%D7%A8%C7%F8&catName=iPhone%D0%A1%C5%E4%BC%FE&scene=taobao_shop" target="_blank">iPhone小配件</a>
			</dd>
		</dl>
		<dl class="cats_hnsYF1" style="height:63px;padding:10px;display:block;overflow:hidden;border-bottom:1px solid #17CBCF;">
			<dt style="color:#FFF;font-weight:700;height:20px;line-height:20px;margin-bottom:8px;">
				 <a style="color:#FFF;" href="//mododoo.taobao.com/category-437072648.htm?search=y&catName=%D0%A1%C3%D7%CA%D6%BB%FA%D7%A8%C7%F8&scene=taobao_shop" target="_blank">小米手机专区</a>
			</dt>
			<dd style="float:left;margin-right:10px;height:22px;">
				 <a style="white-space:nowrap;display:inline-block;color:#FFF;" href="//mododoo.taobao.com/category-485044867.htm?search=y&parentCatId=437072648&parentCatName=%D0%A1%C3%D7%CA%D6%BB%FA%D7%A8%C7%F8&catName=%D0%A1%C3%D7%CA%D6%BB%FA%BF%C7&scene=taobao_shop" target="_blank">小米手机壳</a>
			</dd>
			<dd style="float:left;margin-right:10px;height:22px;">
				 <a style="white-space:nowrap;display:inline-block;color:#FFF;" href="//mododoo.taobao.com/category-485044868.htm?search=y&parentCatId=437072648&parentCatName=%D0%A1%C3%D7%CA%D6%BB%FA%D7%A8%C7%F8&catName=%D0%A1%C3%D7%D0%A1%C5%E4%BC%FE&scene=taobao_shop" target="_blank">小米小配件</a>
			</dd>
		</dl>
		<dl class="cats_hnsYF1" style="height:63px;padding:10px;display:block;overflow:hidden;border-bottom:1px solid #17CBCF;">
			<dt style="color:#FFF;font-weight:700;height:20px;line-height:20px;margin-bottom:8px;">
				 <a style="color:#FFF;" href="//mododoo.taobao.com/category-278868336.htm?search=y&catName=%CD%F8%B5%EA%CD%B3%BC%C6&scene=taobao_shop" target="_blank">网店统计</a>
			</dt>
		</dl>
	</div>
	<div style="float:right;width:750px;overflow:hidden;height:420px;" class="J_TWidget cc_CtoqT" data-widget-config="{"effect": "fade", "circular": true ,"contentCls":"nav_RA16z"}" data-widget-type="Tabs">
		<div style="height:420px;left:0;top:0;" class="J_TWidget" data-widget-config="{"nextBtnCls":"next","circular":true,"duration":1.0,"disableBtnCls":"disable","easing":"elasticOut","interval":"4","effect":"scrollx","navCls":"scroller-nav","steps":1,"prevBtnCls":"prev","contentCls":"scroller-content","autoplay":true}" data-widget-type="Carousel">
			<div class="scroller" style="width:750px;height:420px;overflow:hidden;zoom:1;">
				<ul class="scroller-content">
					<li style="width:750px;height:420px;overflow:hidden;">
						<div style="float:left;width:500px;overflow:hidden;zoom:1;">
							 <a class="spic_PqHU60" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i2/198804649/TB2YMeweFXXXXaOXXXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a> <a class="spic_leK4m1" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i2/198804649/TB2ZYWfeFXXXXX9XpXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a> <a class="spic_hJoem2" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i2/198804649/TB2PlOmeFXXXXc5XXXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a> <a class="spic_oktPs3" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i4/198804649/TB24_iteFXXXXbmXXXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a>
						</div>
						 <a class="bpic_QB1ZU0" style="float:right;overflow:hidden;display:block;width:250px;height:420px;background:url(//gdp.alicdn.com/imgextra/i3/198804649/TB2Ws9XeFXXXXbUXpXXXXXXXXXX_!!198804649.jpg) no-repeat center center;" href="#" target="_blank"></a>
						<div style="display:none;width:250px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".bpic_QB1ZU0","align":{"node":".bpic_QB1ZU0","offset":[0,0],"points":["cc","cc"]}}">
							 <a style="width:250px;height:420px;display:block;" href="#" target="_blank"></a>
						</div>
					</li>
					<li style="width:750px;height:420px;overflow:hidden;">
						<div style="float:left;width:500px;overflow:hidden;zoom:1;">
							 <a class="spic_nscYl0" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i2/198804649/TB2YMeweFXXXXaOXXXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a> <a class="spic_8yuXC1" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i2/198804649/TB2ZYWfeFXXXXX9XpXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a> <a class="spic_hAJMc2" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i2/198804649/TB2PlOmeFXXXXc5XXXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a> <a class="spic_PWUVp3" style="float:left;width:250px;height:210px;display:block;background:url(//gdp.alicdn.com/imgextra/i4/198804649/TB24_iteFXXXXbmXXXXXXXXXXXX_!!198804649.jpg) no-repeat center center;overflow:hidden;" href="#" target="_blank"></a>
						</div>
						 <a class="bpic_iDjnw1" style="float:right;overflow:hidden;display:block;width:250px;height:420px;background:url(//gdp.alicdn.com/imgextra/i3/198804649/TB2Ws9XeFXXXXbUXpXXXXXXXXXX_!!198804649.jpg) no-repeat center center;" href="#" target="_blank"></a>
						<div style="display:none;width:250px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".bpic_iDjnw1","align":{"node":".bpic_iDjnw1","offset":[0,0],"points":["cc","cc"]}}">
							 <a style="width:250px;height:420px;display:block;" href="#" target="_blank"></a>
						</div>
					</li>
				</ul>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_PqHU60","align":{"node":".spic_PqHU60","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_leK4m1","align":{"node":".spic_leK4m1","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_hJoem2","align":{"node":".spic_hJoem2","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_oktPs3","align":{"node":".spic_oktPs3","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_nscYl0","align":{"node":".spic_nscYl0","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_8yuXC1","align":{"node":".spic_8yuXC1","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_hAJMc2","align":{"node":".spic_hAJMc2","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_PWUVp3","align":{"node":".spic_PWUVp3","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_AFb4L0","align":{"node":".spic_AFb4L0","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_PJto41","align":{"node":".spic_PJto41","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_U4MPg2","align":{"node":".spic_U4MPg2","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div style="display:none;overflow:hidden;width:250px;height:210px;background:#000;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);opacity:0.3;" class="J_TWidget" data-widget-type="Popup" data-widget-config="{"trigger":".spic_d9sq53","align":{"node":".spic_d9sq53","offset":[0,0],"points":["cc","cc"]}}">
				<a style="width:250px;height:210px;display:block;" href="#" target="_blank"></a>
			</div>
			<div class="nav_RA16z" style="*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=90);opacity:0.9;">
				<ul class="scroller-nav" style="overflow:hidden;text-align:center;bottom:6px;font-family:tahoma;width:750px;height:0px;display:none;">
					<li style="width:20px;height:0px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;line-height:20px;">
						 
					</li>
					<li style="width:20px;height:0px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;line-height:20px;">
						 
					</li>
					<li style="width:20px;height:0px;text-align:center;display:inline-block;*zoom:1;*display:inline;vertical-align:top;cursor:pointer;line-height:20px;">
						 
					</li>
				</ul>
			</div>
		</div>
	</div>
</div>
 <a name="sgmb"></a>