淘宝店铺装修代码：魔术滑动模块

如今淘宝店铺装修基本上的卖家都是通过代码来装修店铺的，作为卖家你还不会用代码，情何以堪呢？

其实代码并没有我们想的那么复杂，我们卖家只需要知道怎么将代码放进装修框就OK了，并不用说让你敲代码出来。现在很多人担心的是找不到好的装修代码，很多装修网站上很多都是别人用过的，你不想你的店铺弄的跟别人的一样吧！

那么我们来看这个魔术滑动模块的代码，如图，淘宝店铺装修代码的效果：

这个模块是由一条透明（也可以加颜色）的小间条，再加一张海报来组成的模块，海报的可自定、多大都可以，但也要必须保证一屏能显示完毕哦，我这里设置的是1920x950，至于间条的尺寸宽是必须跟海报是一致的，高度可随意、但为了美观，建议在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>