宝贝销量排行榜手风琴左侧模板代码－－淘一淘分享网_Q淘网

RSS订阅 - 热门标签 - 注册 - 登录欢迎您来到Q淘网_

HotTag: 天涯明月刀求爱奇艺阿聆素材 qq炫舞天猫淘宝

当前位置：主页 > 店铺装修 > 正文

宝贝销量排行榜手风琴左侧模板代码－－淘一淘分享网

时间：2013-08-05 12:26 来源：han-yy 作者：网络阅读：次

内容摘要:

模板代码：（在代码区用ctrl+A "全选"，再点ctrl+c 复制）由于下面代码中的图片地址是不存在的，你需要更换成你实际图片地址！

模板代码：（在代码区用ctrl+A "全选"，再点ctrl+c 复制）由于下面代码中的图片地址是不存在的，你需要更换成你实际图片地址！

<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> 月销890件</div>
	<div class="ks-switchable-panel">
		<a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" target="_blank"><img height="160"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122321I8.jpg" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122321I8.jpg" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
		<div style="text-align: center">
			<img height="27"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt">  180.00元</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> 月销780件</div>
	<div class="ks-switchable-panel" style="display: none">
		<a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" target="_blank"><img height="160"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P51223402V.jpg" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P51223402V.jpg" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
		<div style="text-align: center">
			<img height="27"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt">  170.00元</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> 月销680件</div>
	<div class="ks-switchable-panel" style="display: none">
		<a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" target="_blank"><img height="160"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P512234IG.jpg" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P512234IG.jpg" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
		<div style="text-align: center">
			<img height="27"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt">  160.00元</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> 月销480件</div>
	<div class="ks-switchable-panel" style="display: none">
		<a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" target="_blank"><img height="160"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122355U7.jpg" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122355U7.jpg" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
		<div style="text-align: center">
			<img height="27"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt">  150.00元</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> 月销380件</div>
	<div class="ks-switchable-panel" style="display: none">
		<a  data-cke-saved-href="http://www.taobao.com/" href="http://www.taobao.com/" target="_blank"><img height="160"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122401124.jpg" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122401124.jpg" style="margin: 14px; width: 160px; float: none; height: 160px" width="160" /></a>
		<div style="text-align: center">
			<img height="27"  data-cke-saved-src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" src="http://www.qqaiqin.com/uploads/allimg/130805/4-130P5122331294.gif" style="margin: 0px; width: 58px; float: none; height: 27px" width="58" /><strong><font style="color: #c00000; font-size: 12pt">  140.00元</font></strong></div>
	</div>
</div>

标签：无线直通车爆款图片靓丽升龙谷战场数额寓意

顶一下

(0)

0%

踩一下

(0)

0%

上一篇：仿聚划算团购模板代码-－淘一淘分享网提供
下一篇：时尚搭配模板代码内容页装修模版,做关联营销最适用！

猜你喜欢

相关内容

最近更新

推荐内容

热点关注

商家推广

商家推广