如今淘宝店铺装修基本上的卖家都是通过代码来装修店铺的,作为卖家你还不会用代码,情何以堪呢?
其实代码并没有我们想的那么复杂,我们卖家只需要知道怎么将代码放进装修框就OK了,并不用说让你敲代码出来。现在很多人担心的是找不到好的装修代码,很多装修网站上很多都是别人用过的,你不想你的店铺弄的跟别人的一样吧!
那么我们来看这个魔术滑动模块的代码,如图,淘宝店铺装修代码的效果:
这个模块是由一条透明(也可以加颜色)的小间条,再加一张海报来组成的模块,海报的可自定、多大都可以,但也要必须保证一屏能显示完毕哦,我这里设置的是1920950,至于间条的尺寸宽是必须跟海报是一致的,高度可随意、但为了美观,建议在5px以内。
这里先解释一下小间条的作用吧,这个小间条的作用就通过他、来改变海报的切换,总体的感觉就是,当鼠标滑动的时候,小间条会动,而海报是固定的。
其他的功能,自己领略去吧,代码比较少,我就直接复制进来了,顺便附送多2个效果图。
淘宝:
<div style="height:1091px;"><div class="sn-simple-logo" style="padding:0px;left:50%;top:auto;">
<div class="sn-simple-logo" style="padding:0px;left:-574px;top:auto;">
<div style="width:1147px;">
<div style="height:950px;width:1920px;position:rel
ative;">
<div style="display:block;background-image:url(透明PNG间条);background-attachment:fixed;background-repeat:no-repeat;background-position:center;height:1091
px;width:1147px;">
<div style="display:block;width:1147px;height:1091
px;background-image:url(图片);background-attachment:fixed;background-repeat:no-repeat;background-position:center;height:1091px;width:1147px;flo
at:left;">
<a href="连接" style="width:495px;float:left;height:1091px;disp
lay:block;"></a><a href="连接" style="width:495px;height:1091px;display:bloc
k;float:left;"></a></div>
</div>
</div>
</div>
</div>
</div>
</div>
乐发网超市批发网提供超市货源信息,超市采购进货渠道。超市进货网提供成都食品批发,日用百货批发信息、微信淘宝网店超市采购信息和超市加盟信息.打造国内超市采购商与批发市场供应厂商搭建网上批发市场平台,是全国批发市场行业中电子商务权威性网站。
本文来源: 淘宝店铺装修代码:魔术滑动模块