如今淘寶店鋪裝修基本上的賣家都是通過代碼來裝修店鋪的，作為賣家你還不會用代碼，情何以堪呢？

其實代碼并沒有我們想的那么復雜，我們賣家只需要知道怎么將代碼放進裝修框就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>