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

其實(shí)代碼并沒有我們想的那么復(fù)雜，我們賣家只需要知道怎么將代碼放進(jìn)裝修框就OK了，并不用說讓你敲代碼出來。現(xiàn)在很多人擔(dān)心的是找不到好的裝修代碼，很多裝修網(wǎng)站上很多都是別人用過的，你不想你的店鋪弄的跟別人的一樣吧！

那么我們來看這個(gè)魔術(shù)滑動(dòng)模塊的代碼，如圖，淘寶店鋪裝修代碼的效果：

這個(gè)模塊是由一條透明（也可以加顏色）的小間條，再加一張海報(bào)來組成的模塊，海報(bào)的可自定、多大都可以，但也要必須保證一屏能顯示完畢哦，我這里設(shè)置的是1920x950，至于間條的尺寸寬是必須跟海報(bào)是一致的，高度可隨意、但為了美觀，建議在5px以內(nèi)。

這里先解釋一下小間條的作用吧，這個(gè)小間條的作用就通過他、來改變海報(bào)的切換，總體的感覺就是，當(dāng)鼠標(biāo)滑動(dòng)的時(shí)候，小間條會(huì)動(dòng)，而海報(bào)是固定的。

其他的功能，自己領(lǐng)略去吧，代碼比較少，我就直接復(fù)制進(jìn)來了，順便附送多2個(gè)效果圖。

淘寶：

<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>