电竞比分网-中国电竞赛事及体育赛事平台

分享

【裝修講壇】自己動手制作個性圖片輪播

 服務(wù)器維修維護 2011-06-24
【裝修講壇】自己動手制作個性圖片輪播
8921 閱讀|378 回復(fù)
發(fā)表于 2011-06-01 15:44| 只看樓主 樓主

扶植版旺鋪想要圖片輪播嗎?能實現(xiàn)嗎?

拓展版旺鋪的圖片輪播能更個性化嗎?

答案是肯定的/

先上個圖片為最后的展示:

 

廢話少說,毛衣大哥在此為你詳細解說制作過程。

1.首先把以下代碼部份復(fù)制到記事本,并作相應(yīng)的改動。

 

-----------------------------------------------------------------------
<DIV class="box J_TBox">
<DIV class=shop-slider>
<DIV class=bd>
<DIV class="slider-promo J_Slider J_TWidget" style="HEIGHT: 450px" data-type="scrolly" data-widget-type="Slide" data-widget-config="{'effect':'scrolly','contentCls': 'lst-main', 'navCls': 'lst-trigger', 'activeTriggerCls': 'current'}">
<ul class=lst-main>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="http://img01./imgextra/i1/86206975/T2SaJpXcXMXXXXXXXX_!!86206975.jpg" border=0></A><br><br>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="http://img04./imgextra/i4/86206975/T2QbXpXddMXXXXXXXX_!!86206975.jpg" border=0></A><br><br>
<li><A href="http://design.taobao.com/common/#" target=_blank><img src="http://img03./imgextra/i3/86206975/T2uaJpXeFMXXXXXXXX_!!86206975.jpg" border=0></A></li></ul></DIV></DIV></DIV></DIV></TABLE>

 

---------------------------------------------------------------------------------------

代碼部份解說:代碼部份中紅色部份是點擊圖片要到達的鏈接,藍色部份是要顯示的圖片地址。圖片幅數(shù)可以隨意加減,要幾個加幾個<li></li>之間的內(nèi)容就行了。style="HEIGHT: 450px" 這是控制圖片高度的代碼。

 

2.修改好代碼了后,到店鋪裝修中添加代碼。

  

 A

 

 

C

 

 

 D

 

 

 E

 

 

 F

 

 

G

 

 

呵呵~是不是很簡單?趕緊去自己動手作一個吧

    本站是提供個人知識管理的網(wǎng)絡(luò)存儲空間,所有內(nèi)容均由用戶發(fā)布,不代表本站觀點。請注意甄別內(nèi)容中的聯(lián)系方式、誘導(dǎo)購買等信息,謹防詐騙。如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容,請點擊一鍵舉報。
    轉(zhuǎn)藏 分享 獻花(0

    0條評論

    發(fā)表

    請遵守用戶 評論公約

    類似文章 更多