淘寶學(xué)堂經(jīng)常收到淘寶掌柜朋友們的問題,發(fā)現(xiàn)很多人都喜歡淘寶圖片輪播,我們在逛論壇的時候也發(fā)現(xiàn)好多網(wǎng)店都運(yùn)用到了這一點(diǎn),在這里我們和大家分享一個通用的淘寶圖片輪播代碼——漸變和上下效果代碼,只要是淘寶旺鋪均可使用,該代碼可單獨(dú)使用,也可以嵌套在自己的模板中,代碼可以左側(cè)自定義、右側(cè)自定義、中間自定義模塊。
第一:淘寶輪播代碼漸變效果
<DIVstyle="WIDTH:200px;HEIGHT:60px"class="slider-promoJ_SliderJ_TWidget"data-widget-config="{effect:fade,contentCls:lst-main,navCls:lst-trigger,activeTriggerCls:current}"data-widget-type="Slide"data-type="fade">
<ulclass=lst-main>
<li><Astyle="WIDTH:200px;HEIGHT:60px"href="商品鏈接地址"target=_blank><imgalt=""src="圖片地址"></A></li><li><Astyle="WIDTH:200px;HEIGHT:60px"href="商品鏈接地址"target=_blank><imgalt=""src="圖片地址"></A></li></ul></DIV>
格式:
<DIVstyle="WIDTH:寬度px;HEIGHT:高度px"class="slider-promoJ_SliderJ_TWidget"data-widget-config="{effect:fade,contentCls:lst-main,navCls:lst-trigger,activeTriggerCls:current}"data-widget-type="Slide"data-type="fade">
<ulclass=lst-main>
<li><Astyle="WIDTH:圖片寬度px;HEIGHT:圖片高度px"href="商品連接地址"target=_blank><imgalt=""src="圖片地址"></A></li>
<li><Astyle="WIDTH:圖片寬度px;HEIGHT:圖片高度px"href="商品連接地址"target=_blank><imgalt=""src="圖片地址"></A></li>
</ul></DIV>
第二:淘寶圖片輪播展示上下變換效果代碼
<DIVstyle="WIDTH:200px;HEIGHT:60px"class="slider-promoJ_SliderJ_TWidget"data-widget-config="{effect:scrolly,contentCls:lst-main,navCls:lst-trigger,activeTriggerCls:current}"data-widget-type="Slide"data-type="scroll">
<ulclass=lst-main>
<li><Astyle="WIDTH:200px;HEIGHT:60px"href="商品鏈接地址"target=_blank><imgalt=""src="圖片地址"></A></li><li><Astyle="WIDTH:200px;HEIGHT:60px"href="商品鏈接地址"target=_blank><imgalt=""src="圖片地址"></A></li></ul></DIV>
格式:
<DIVstyle="WIDTH:寬度px;HEIGHT:高度px"class="slider-promoJ_SliderJ_TWidget"data-widget-config="{effect:scrolly,contentCls:lst-main,navCls:lst-trigger,activeTriggerCls:current}"data-widget-type="Slide"data-type="scroll">
<ulclass=lst-main>
<li><Astyle="WIDTH:圖片寬度px;HEIGHT:圖片高度px"href="商品連接地址"target=_blank><imgalt=""src="圖片地址"></A></li>
<li><Astyle="WIDTH:圖片寬度px;HEIGHT:圖片高度px"href="商品連接地址"target=_blank><imgalt=""src="圖片地址"></A></li>
</ul></DIV>
樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購信息和超市加盟信息.打造國內(nèi)超市采購商與批發(fā)市場供應(yīng)廠商搭建網(wǎng)上批發(fā)市場平臺,是全國批發(fā)市場行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺規(guī)則
本文來源: 淘寶圖片輪播代碼 漸變和上下效果代碼