淘寶店鋪雙圖垂直滾動代碼裝修
發表日期:2022-06-30 09:12?? 文章編輯:350模板官網小編 ?? 瀏覽次數:
關于尺寸:寬度限制為淘寶470,天貓490。高度可以任意設置。
裝修代碼:
<div style="width:950px;height:360px;position:relative;margin-top:0px;float:left;" data-title="本代碼由甩手網提供">
<div class="skin-box-bd clear-fix" style="width:470px;height:360px;position:relative;float:left;">
<div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:950px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
<div class="lst-main" style="margin-left:0px;top:-360px;">
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接1" target="_blank">
<img src="圖片1" style="width:470px;height:360px;"></a></span></div>
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接2" target="_blank">
<img src="圖片2" style="width:470px;height:360px;"></a></span></div>
</div>
</div>
</div>
<div class="skin-box-bd clear-fix" style="width:470px;height:360px;position:relative;margin-left:10px;float:left;">
<div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main1','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:950px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
<div class="lst-main1" style="top:-360px;">
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接3" target="_blank">
<img src="圖片3" style="width:470px;height:360px;"></a></span></div>
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接4" target="_blank">
<img src="圖片4" style="width:470px;height:360px;"></a></span></div>
</div>
</div>
</div>
</div>
天貓:
<div style="width:990px;height:360px;position:relative;margin-top:0px;float:left;" data-title="本代碼由甩手網提供">
<div class="skin-box-bd clear-fix" style="width:490px;height:360px;position:relative;float:left;">
<div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:990px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
<div class="lst-main" style="margin-left:0px;top:-360px;">
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接1" target="_blank">
<img src="圖片1" style="width:490px;height:360px;"></a></span></div>
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接2" target="_blank">
<img src="圖片2" style="width:490px;height:360px;"></a></span></div>
</div>
</div>
</div>
<div class="skin-box-bd clear-fix" style="width:490px;height:360px;position:relative;margin-left:10px;float:left;">
<div class="slider-promo J_TWidget" data-widget-config="{'effect': 'scrolly','triggerType':'mouse','interval':3,'duration':0.5,'autoplay':true,'navCls': 'lst-trigger','contentCls': 'lst-main1','activeTriggerCls': 'current'}" data-widget-type="Slide" style="width:990px;height:auto;position:relative;" data-title="本代碼由甩手網提供">
<div class="lst-main1" style="top:-360px;">
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接3" target="_blank">
<img src="圖片3" style="width:490px;height:360px;"></a></span></div>
<div class="laimon_slb" style="display:block;">
<span><a title="" href="連接4" target="_blank">
<img src="圖片4" style="width:490px;height:360px;"></a></span></div>
</div>
</div>
</div>
</div>
標簽: ? ?
如沒特殊注明,文章均為350模板官網原創,轉載請注明來自http://www.daartisan.cn//zxzs/441.html