【通知】
【350模板全新升級】增加手機模板、海報模板----登陸賬號進入后臺,直接升級為旗艦版,點擊查看詳情》》
當前位置:首頁 > 店鋪裝修 > 正文內容
十一月5日

時間:2014-11-05 13:22

天貓淘寶店鋪左側懸浮和右側懸浮代碼

0
分類:店鋪裝修 | 評論:1人 | 瀏覽:66,118次   

最近很多店鋪都喜歡在左右兩測添加懸浮導航,在這里說說怎么添加代碼!如圖所示:

在首頁添加一個自定義內容模塊,然后點”源碼”按鈕,把代碼粘帖進去就可以了!

直接從本網頁上復制代碼,可能不能使用,請下載代碼自行修改!

天貓淘寶懸浮代碼下載http://pan.baidu.com/s/1ntwVVrr

天貓店鋪懸浮代碼如下:

<div class=”J_TWidget” style=”position: relative;z-index:99;” data-title=”" data-widget-config=”{‘duration’:0.1,’activeTriggerCls’:’.tshop-psm-shop-ww-hover’,'effect’:'scrollx’,'interval’:0.1,’activeIndex’:1,’navCls’:'dmxf’,'contentCls’:'dmxf2′,’autoplay’:true}” data-widget-type=”Carousel”>
<ul class=”dmxf2″ style=”display: none; position:absolute;”>
<li style=”display: block; float: left;”></li>
</ul>
<ul class=”dmxf”>
<li style=”width:250px;height:434px;left:10px;top:150px;”>
<img src=”http://img03.taobaocdn.com/imgextra/i3/770213269/TB26cTNaVXXXXX_XXXXXXXXXXXX_!!770213269.png” border=”0″ usemap=”#Map5476578″ /> <map name=”Map5476578″> <area shape=”rect” coords=”43,124,171,185″ href=”http://detail.tmall.com/item.htm?spm=a1z10.5.w4011-2670167419.64.lOLpcI&id=22199375712&rn=fb6f91b993470354ba58eb4bc1468e83&abbucket=15″ target=”_blank”> <area shape=”rect” coords=”47,215,168,322″ href=”http://detail.tmall.com/item.htm?spm=a1z10.4.w5003-9274535836.5.Xugwhb&id=35359502024&rn=e5bc31fa17ad05899c1e2f3ea214331a&abbucket=0&scene=taobao_shop” target=”_blank”> <area shape=”rect” coords=”83,354,161,384″ href=”#”></map>
</li>
</ul>
</div>

?代碼注解,詳細說明:

1、上面紅色部分代碼是圖片添加熱點鏈接后的代碼,大家在使用的時候,先把自己的圖片添加熱點鏈接,然后替換這段代碼

2、藍色部分代碼可以設置圖片的高寬與寬度、設置懸浮的位置和相對上下的距離

<li style=”width:250px(圖片寬度);height:434px(圖片高度);left:10px(left是左懸浮,right是右懸浮);top:150px(相對上下的距離,可自行修改看效果,設置得越小,越靠上,設置得越大,越靠下,一般150-250之間就行);”>

3、圖片最好做成png格式,背景透明,代碼里面的圖片寬度與高度,要根椐你自己圖片的大小來設置,不能隨意設置!

淘寶C店懸浮代碼:

<div class=”J_TWidget” style=”position: relative;z-index:99;” data-title=”" data-widget-config=”{‘activeTriggerCls’:’.tshop-psm-shop-ww-hover’,'interval’:0.1,’activeIndex’:1,’autoplay’:true}” data-widget-type=”Tabs”>
<div class=”ks-switchable-content ks-switchable-nav”>
<div style=”display:block;width:250;height:434;left:10px;top:150px;z-index:2;outline: none;”>
【中間加入添加熱點的代碼】
</div>
</div>
</div>

修改方法跟天貓店鋪修改方法一樣!

如有問題,請聯系旺旺:通學院

 

 

來源:學通網絡(售后指導QQ號:3246731299),轉載請注明出處,謝謝!

  • 評論:(1)
  • 有圖有真相

已有 1 位網友發表了一針見血的評論,你還等什么?

◎頁面往下拉吧,有更多精彩評論!(禁止無中文的評論內容!)

  1. 1 李成華
    Post:2016/09/20 15:00:40

    天貓無線端怎樣添加懸浮導航呢

站內搜索

深海赚钱