如今淘寶店鋪裝修基本上的賣家都是通過代碼來裝修店鋪的,作為賣家你還不會用代碼,情何以堪呢?
其實代碼并沒有我們想的那么復雜,我們賣家只需要知道怎么將代碼放進裝修框就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>
樂發網超市批發網提供超市貨源信息,超市采購進貨渠道。超市進貨網提供成都食品批發,日用百貨批發信息、微信淘寶網店超市采購信息和超市加盟信息.打造國內超市采購商與批發市場供應廠商搭建網上批發市場平臺,是全國批發市場行業中電子商務權威性網站。
本文來源: 淘寶店鋪裝修代碼:魔術滑動模塊