欧美黄色美女视频-日韩aaa久久蜜桃av-护士奶头又大又软又好摸-性久久久久久久久久-午夜福利92国语-456欧美成人免费视频-天天躁日日躁aaaxxⅹ-国产精品青青草-久久不见久久见免费影院-国模大尺度福利视频在线-69大东北熟妇高潮呻吟-亚洲精品一区av在线播放-91av 视频-亚洲成人免费影院-你懂的网址国产,欧美-成年女人色毛片

快消品貨源批發(fā)市場(chǎng)
快消品貨源分銷平臺(tái)
 
 
當(dāng)前位置: 貨源批發(fā)網(wǎng) » 網(wǎng)商學(xué)院 » 網(wǎng)店裝修 » 2014全屏輪播海報(bào)制作教程-簡(jiǎn)單易懂

2014全屏輪播海報(bào)制作教程-簡(jiǎn)單易懂

放大字體  縮小字體 發(fā)布日期:2024-02-17 07:33:59  來源:電商聯(lián)盟  作者:樂發(fā)網(wǎng)  瀏覽次數(shù):194

每次進(jìn)去些店鋪看到人家的全屏輪播裝修是不是覺得很高端大氣上檔次,其實(shí)所有賣家都可以這樣裝修的。

下面的全屏輪播代碼可以兼容新旺鋪(系統(tǒng)自帶的三個(gè)模板,全部完美全屏居中)并且也支持老旺鋪拓展版,拓展版都會(huì)全屏居中。

2014全屏輪播海報(bào)制作教程-簡(jiǎn)單易懂2

輪播左右的兩個(gè)大箭頭,這次直接使用<>符號(hào),非圖片形式,事實(shí)上寫此全屏輪播,我第一個(gè)改的就是這兩個(gè)大箭頭,比如自己店鋪的主色調(diào)是綠色,那箭頭就改為綠色。

下方的五個(gè)圖標(biāo),這次改為了五張小圖,因?yàn)槲覀冏远x沒辦法實(shí)現(xiàn) 點(diǎn)擊箭頭左右切換時(shí),下方的圖標(biāo)也跟隨左右切換,這是需要用到判斷的,我沒辦法實(shí)現(xiàn),所以改為五張小圖,是為了讓客戶知道到底有幾張圖在輪播,方便客戶查看,提高用戶體驗(yàn)。同時(shí),五張小圖直接浮動(dòng)于大圖上方,底部采用半透明背景。

這里說下底部的半透明背景,這次編寫,最難的、也最耗時(shí)的地方就是這個(gè)半透明,支持CSS3的主流瀏覽器,只要一個(gè)opacity即可實(shí)現(xiàn)半透明,但I(xiàn)E卻是不支持這個(gè)屬性的,所以在IE下你將看到一條實(shí)心的黑色矩形,而不是半透明效果,在IE下想要實(shí)現(xiàn)半透明,那就要用到濾鏡,但請(qǐng)注意,淘寶不支持filter:alpha半透明濾鏡。為了解決這個(gè)問題,我花費(fèi)了一上午的時(shí)間在查閱相關(guān)文檔,最后,我采用了一張PNG半透明圖片替代,放棄了opacity屬性和IE濾鏡,這樣除了IE6不支持半透明以處,其它瀏覽器都是正常半透明效果的。

五張小圖的尺寸全部為:120px*39px,你不需要單獨(dú)做這五張小圖!把全屏大圖上傳圖片空間后,直接使用圖片空間提供的小圖尺寸即可,或者你也可以直接在原圖地址后面添加:_120120.jpg

2014全屏輪播海報(bào)制作教程-簡(jiǎn)單易懂

此款全屏輪播,共寫了三個(gè)尺寸,分別為1920px,1680px,1440px,高度統(tǒng)一為550px,三款尺寸可以同時(shí)使用,互不影響,但不建議這樣做!這三個(gè)尺寸,沒有說哪個(gè)好哪個(gè)不好,只是說尺寸越大,兼容性就越好一些,但請(qǐng)注意,尺寸大了,圖片的容量也將會(huì)同時(shí)變大!圖片的容量大了,將會(huì)直接影響店鋪的載入速度。

如果你沒有五張全屏大圖那么多,或者你認(rèn)為不需要五張,那直接刪除代碼中 圖片所在的<li>標(biāo)簽即可。不管你使用幾張輪播圖,下面的小圖都是居中的。

使用說明:

1.下載這張底部半透明圖片 )上傳自己的圖片空間,替換下面代碼中的”http://demo.taobaoux.com/Carousel/Carousel_bg.png“

2.如何將代碼中的大圖改為自己的圖片,找到下面這段代碼:
<ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
</ul>

代碼中總共有五張大圖,按順序依次替換,src=""里面的就是圖片地址,href="" 里面的就是對(duì)應(yīng)的寶貝鏈接。

3.如何將代碼中的小圖改為自己的圖片,找到下面這段代碼:
<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
</ul>


代碼中總共有五張小圖,按順序依次替換,src=""里面的就是圖片地址,href="" 里面的就是對(duì)應(yīng)的寶貝鏈接。

注:為了方便大家使用,代碼中的圖片全部存放于本站,大家可以直接到自己的店鋪中測(cè)試(成人類目除外),測(cè)試通過后,再修改其中的圖片地址和鏈接地址即可。

1920px 全屏輪播代碼:(點(diǎn)擊下面的”“即可全部復(fù)制)
<div class="J_TWidget" data-widget-config="{effect: fade, circular: true ,contentCls:taobaoux}" data-widget-type="Tabs" style="height:545px;overflow:hidden;">
<div class="taobaoux" style="height:550px;">
<div class="footer-more-trigger" style="width:1920px;height:550px;top:auto;padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1920px;height:550px;padding:0px;border:none;left:-960px;">

<div data-widget-config="{contentCls: taobaoux-com,navCls: bbs-taobaoux-com,effect: scrollx,easing: easeOutStrong,prevBtnCls:prev1920,nextBtnCls:next1920,autoplay: true,viewSize:[1920],circular: true}" data-widget-type="Carousel" class="J_TWidget">

<div class="J_TWidget" data-widget-config="{trigger:.ux1920,align:{node:.ux1920,offset:[-500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>
</div>
<div class="J_TWidget" data-widget-config="{trigger:.ux1920,align:{node:.ux1920,offset:[500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div>
</div>

<div style="height:550px;width:1920px;overflow:hidden;padding:0px;margin:0px;" class="ux1920">
<ul class="taobaoux-com" style="height:550px;width:1920px;padding:0px;margin:0px;">
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
<li style="width:1920px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1920px" height="550px" border="0px"></a></li>
</ul>
</div>

<div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;top:505px;">
<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="圖片地址" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
</ul>
</div>
</div>

</div>

</div>
</div>
</div>

<ul class="ks-switchable-nav" style="display:none;"></ul>

</div>

1680px 全屏輪播代碼:
<div class="J_TWidget" data-widget-config="{effect: fade, circular: true ,contentCls:taobaoux}" data-widget-type="Tabs" style="height:545px;overflow:hidden;">
<div class="taobaoux" style="height:550px;">
<div class="footer-more-trigger" style="width:1680px;height:550px;top:auto;padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1680px;height:550px;padding:0px;border:none;left:-840px;">

<div data-widget-config="{contentCls: taobaoux-com,navCls: bbs-taobaoux-com,effect: scrollx,easing: easeOutStrong,prevBtnCls:prev1680,nextBtnCls:next1680,autoplay: true,viewSize:[1680],circular: true}" data-widget-type="Carousel" class="J_TWidget">

<div class="J_TWidget" data-widget-config="{trigger:.ux1680,align:{node:.ux1680,offset:[-500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="prev1680" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>
</div>
<div class="J_TWidget" data-widget-config="{trigger:.ux1680,align:{node:.ux1680,offset:[500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="next1680" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div>
</div>

<div style="height:550px;width:1680px;overflow:hidden;padding:0px;margin:0px;" class="ux1680">
<ul class="taobaoux-com" style="height:550px;width:1680px;padding:0px;margin:0px;">
<li style="width:1680px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1680px" height="550px" border="0px"></a></li>
<li style="width:1680px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1680px" height="550px" border="0px"></a></li>
<li style="width:1680px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1680px" height="550px" border="0px"></a></li>
<li style="width:1680px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1680px" height="550px" border="0px"></a></li>
<li style="width:1680px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="圖片地址" width="1680px" height="550px" border="0px"></a></li>
</ul>
</div>

<div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1680px;height:50px;padding:0px;border:none;left:-840px;background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;top:505px;">
<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1680/1680*550_1.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1680/1680*550_2.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1680/1680*550_3.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1680/1680*550_4.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1680/1680*550_5.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
</ul>
</div>
</div>

</div>

</div>
</div>
</div>

<ul class="ks-switchable-nav" style="display:none;"></ul>

</div>

1440px 全屏輪播代碼:
<div class="J_TWidget" data-widget-config="{effect: fade, circular: true ,contentCls:taobaoux}" data-widget-type="Tabs" style="height:545px;overflow:hidden;">
<div class="taobaoux" style="height:550px;">
<div class="footer-more-trigger" style="width:1440px;height:550px;top:auto;padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1440px;height:550px;padding:0px;border:none;left:-720px;">

<div data-widget-config="{contentCls: taobaoux-com,navCls: bbs-taobaoux-com,effect: scrollx,easing: easeOutStrong,prevBtnCls:prev1440,nextBtnCls:next1440,autoplay: true,viewSize:[1440],circular: true}" data-widget-type="Carousel" class="J_TWidget">

<div class="J_TWidget" data-widget-config="{trigger:.ux1440,align:{node:.ux1440,offset:[-500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="prev1440" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>
</div>
<div class="J_TWidget" data-widget-config="{trigger:.ux1440,align:{node:.ux1440,offset:[500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="next1440" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div>
</div>

<div style="height:550px;width:1440px;overflow:hidden;padding:0px;margin:0px;" class="ux1440">
<ul class="taobaoux-com" style="height:550px;width:1440px;padding:0px;margin:0px;">
<li style="width:1440px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="http://demo.taobaoux.com/Carousel/1440/1440*550_1.jpg" width="1440px" height="550px" border="0px"></a></li>
<li style="width:1440px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="http://demo.taobaoux.com/Carousel/1440/1440*550_2.jpg" width="1440px" height="550px" border="0px"></a></li>
<li style="width:1440px;height:550px;padding:0px;margin:0px;">
<a target="_blank" href="店鋪地址" style="padding:0px;margin:0px;">
<img src="http://demo.taobaoux.com/Carousel/1440/1440*550_3.jpg" width="1440px" height="550px" border="0px"></a></li>
</ul>
</div>

<div class="footer-more-trigger" style="padding:0px;border:none;left:50%;">
<div class="footer-more-trigger" style="width:1440px;height:50px;padding:0px;border:none;left:-720px;background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;top:505px;">
<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1440/1440*550_1.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1440/1440*550_2.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1440/1440*550_3.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
</ul>
</div>
</div>

</div>

</div>
</div>
</div>

<ul class="ks-switchable-nav" style="display:none;"></ul>

</div>


注:如果你想把此全屏輪播做的更加個(gè)性,那就請(qǐng)認(rèn)真看完以下內(nèi)容吧。

1.修改左箭頭:

<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>

修改為:

<div class="prev1920" style="width:97px;height:97px;">
<img src="左箭頭圖片地址" />
</div>

2.修改右箭頭:

<div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div>

修改為:

<div class="next1920" style="width:97px;height:97px;">
<img src="右箭頭圖片地址" />
</div>

這里箭頭尺寸是97px*97px,如果你的圖片不是這個(gè)尺寸,請(qǐng)自行修改。

3.箭頭都放在左邊:

<div class="J_TWidget" data-widget-config="{trigger:.ux1920,align:{node:.ux1920,offset:[-500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="prev1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;"><</div>
</div>
<div class="J_TWidget" data-widget-config="{trigger:.ux1920,align:{node:.ux1920,offset:[500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="next1920" style="font-size:100px;cursor:pointer;opacity:0.5;color:#f00;">></div>
</div>

修改為:

<div class="J_TWidget" data-widget-config="{trigger:.ux1920,align:{node:.ux1920,offset:[-500,0],points:[cc,cc]}}" data-widget-type="Popup" style="display:none;">
<div class="prev1920" style="width:97px;height:97px;margin-left: 97px;">
<img src="左箭頭圖片地址" /></div>
<div class="next1920" style="width:97px;height:97px;">
<img src="右箭頭圖片地址" /></div>
</div>

4.下方的縮略圖改為數(shù)字:
<div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;top:505px;">
<ul class="bbs-taobaoux-com" style="width:950px;height:50px;margin:0 auto;text-align: center;">
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1920/1920.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1920/1920_2.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1920/1920_3.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1920/1920_2.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
<li style="display: inline;margin: 0 5px;cursor:pointer;line-height: 50px;">
<img src="http://demo.taobaoux.com/Carousel/1920/1920_3.jpg" width="120px" height="39px" border="0px" style="vertical-align:middle;margin:5px 0;" /></li>
</ul>
</div>

修改為:
<div class="footer-more-trigger" style="width:1920px;height:30px;padding:0px;border:none;left:-960px;background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;top:525px;">
<ul class="bbs-taobaoux-com" style="width:950px;height:30px;margin:0 auto;text-align: center;">
<li style="display: inline;margin: 0 5px;padding: 5px;opacity: 0.5;cursor:pointer;color:#000;background:#fff;line-height:30px;">1</li>
<li style="display: inline;margin: 0 5px;padding: 5px;opacity: 0.5;cursor:pointer;color:#000;background:#fff;line-height:30px;">2</li>
<li style="display: inline;margin: 0 5px;padding: 5px;opacity: 0.5;cursor:pointer;color:#000;background:#fff;line-height:30px;">3</li>
<li style="display: inline;margin: 0 5px;padding: 5px;opacity: 0.5;cursor:pointer;color:#000;background:#fff;line-height:30px;">4</li>
<li style="display: inline;margin: 0 5px;padding: 5px;opacity: 0.5;cursor:pointer;color:#000;background:#fff;line-height:30px;">5</li>
</ul>
</div>

5.不喜歡底部的半透明圖片?

找到下面這段代碼:

<div class="footer-more-trigger" style="width:1920px;height:50px;padding:0px;border:none;left:-960px;background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;top:505px;">

刪除

background: url(http://demo.taobaoux.com/Carousel/Carousel_bg.png) repeat;

6.修改滾動(dòng)動(dòng)畫效果:

找到effect: scrollx 把scrollx改為scrolly就是垂直滾動(dòng),改為fade就是淡隱淡現(xiàn)。

7.修改滾動(dòng)動(dòng)畫速度:

在effect: scrollx,后面添加一個(gè)屬性 duration:0.5,

默認(rèn)值就是0.5,如果需要加快滾動(dòng)速度,把0.5改為0.1;需要滾動(dòng)速度慢一點(diǎn),就把0.5加大,建議改為0.9以內(nèi)。

樂發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站:百度百科知乎淘寶平臺(tái)規(guī)則

本文來源: 2014全屏輪播海報(bào)制作教程-簡(jiǎn)單易懂

分享與收藏:  網(wǎng)商學(xué)院搜索  告訴好友  關(guān)閉窗口  打印本文 本文關(guān)鍵字:
 
更多..資源下載
網(wǎng)店裝修圖文
淘寶店鋪,天貓店鋪背景固定的方法。 淘寶店鋪裝修如何實(shí)現(xiàn)全屏輪播
淘寶裝修代碼修改:修改淘寶裝修代碼步驟、裝修代碼修改教程 網(wǎng)店爆款圖片成功之謎
網(wǎng)店裝修網(wǎng)商學(xué)院推薦
網(wǎng)店裝修點(diǎn)擊排行
 
手機(jī)版 手機(jī)掃描訪問
欧美黄色美女视频-日韩aaa久久蜜桃av-护士奶头又大又软又好摸-性久久久久久久久久-午夜福利92国语-456欧美成人免费视频-天天躁日日躁aaaxxⅹ-国产精品青青草-久久不见久久见免费影院-国模大尺度福利视频在线-69大东北熟妇高潮呻吟-亚洲精品一区av在线播放-91av 视频-亚洲成人免费影院-你懂的网址国产,欧美-成年女人色毛片
<rt id="wi224"></rt>

  • <bdo id="wi224"><source id="wi224"></source></bdo>
    <table id="wi224"><wbr id="wi224"></wbr></table>
    <li id="wi224"><dl id="wi224"></dl></li>
    亚洲精品天堂成人片av在线播放| 黄色影院一级片| 最近免费中文字幕中文高清百度| 91黄色在线看| 亚洲国产精品无码观看久久| 在线免费黄色网| 国产系列第一页| www.亚洲一区二区| 免费看日b视频| 日韩欧美一区二| www.99av.com| 国产精品视频一二三四区| avove在线观看| 熟妇人妻无乱码中文字幕真矢织江| 午夜视频你懂的| 欧美视频亚洲图片| 日韩精品视频久久| 裸体大乳女做爰69| 成人在线看视频| 黄色小视频免费网站| 国产毛片视频网站| 九九久久久久久| 性久久久久久久久久久久久久| 免费特级黄色片| 老汉色影院首页| 国产av人人夜夜澡人人爽麻豆 | 99免费视频观看| 亚洲va在线va天堂va偷拍| 欧美国产视频一区| 日本免费色视频| 精品视频在线观看一区| 成人性生交免费看| 一卡二卡三卡视频| 国产永久免费网站| 中文字幕日本最新乱码视频| www.日本久久| 成人在线观看黄| 天堂а√在线中文在线| 日本免费色视频| 国内自拍在线观看| 99re6这里有精品热视频| xxx国产在线观看| 欧洲av无码放荡人妇网站| 91大学生片黄在线观看| 欧美美女性视频| 国产自偷自偷免费一区| bt天堂新版中文在线地址| 一级 黄 色 片一| 88av.com| 国产又大又硬又粗| 日本欧美视频在线观看| 992tv成人免费观看| 色www免费视频| av无码精品一区二区三区| 免费一级特黄特色毛片久久看| 午夜啪啪福利视频| www.桃色.com| 中文字幕第38页| 国产三级三级三级看三级| 免费看又黄又无码的网站| 亚洲乱码日产精品bd在线观看| 在线免费看污网站| 午夜xxxxx| 午夜剧场高清版免费观看| 久久久久免费精品| wwwxxx黄色片| 99热成人精品热久久66| aaa毛片在线观看| 欧美 日韩 国产一区| 国产视频一视频二| 欧美三级一级片| 黄色一级视频片| 精品久久久久久久久久中文字幕| 黄网站色视频免费观看| 51xx午夜影福利| 精品国产av无码一区二区三区| 成人午夜免费在线视频| 久久人妻无码一区二区| 国产精品一线二线三线| www.avtt| 国产高清精品在线观看| 久久九九国产视频| the porn av| 天堂av8在线| 大桥未久一区二区三区| 精品人妻大屁股白浆无码| 国产日本在线播放| 日本一本二本在线观看| 日本肉体xxxx裸体xxx免费| 亚洲欧美久久久久| 久久av喷吹av高潮av| 欧美视频免费看欧美视频| 日本一道本久久| 丰满少妇在线观看| 久久av秘一区二区三区| 97在线国产视频| 2022亚洲天堂| 免费网站在线观看黄| 日本国产中文字幕| 国产女女做受ⅹxx高潮| 久久精品国产露脸对白| 国产一区二区三区小说| 男人天堂999| 亚洲第一天堂久久| 免费高清一区二区三区| 丁香婷婷激情网| 成人免费黄色av| 亚洲一区二区三区av无码| 国产免费人做人爱午夜视频| 奇米777在线视频| 草草视频在线免费观看| 国产aaaaa毛片| 欧美在线观看视频免费| 高清一区在线观看| 欧美中日韩在线| 9久久婷婷国产综合精品性色| 四虎4hu永久免费入口| 国产精品97在线| 日本三日本三级少妇三级66| 北条麻妃av高潮尖叫在线观看| 欧美专区第二页| 日韩精品视频久久| 激情五月五月婷婷| xxxx一级片| 国产 日韩 欧美在线| 手机av在线免费| 国产成人a亚洲精v品无码| 男人j进女人j| 亚洲36d大奶网| 国产av无码专区亚洲精品| 免费观看亚洲视频| 在线观看日本www| 色综合手机在线| 免费无码毛片一区二三区| 熟女视频一区二区三区| 黄色片视频在线| 国产日韩一区二区在线观看| 久久精品无码中文字幕| 992kp免费看片| 一区二区三区国产免费| 久久久久久久中文| 国产成人艳妇aa视频在线 | 亚洲三级在线观看视频| 国产淫片av片久久久久久| 中文字幕日韩精品无码内射| 日韩av在线中文| 爱情岛论坛成人| 国产又黄又猛视频| 免费观看精品视频| 又粗又黑又大的吊av| 欧美成人精品免费| 成年人视频网站免费| 欧美性受黑人性爽| www.-级毛片线天内射视视| 亚洲a级黄色片| 亚洲精品综合在线观看| www.精品在线| wwwwwxxxx日本| 亚洲免费看av| xxww在线观看| 久久精品视频在线观看免费| 国产三级三级看三级| 男人添女人下面免费视频| 天美星空大象mv在线观看视频| www.超碰com| 色片在线免费观看| www激情五月| 日韩a级黄色片| 欧美精品99久久| 国产福利一区视频| av亚洲天堂网| 秋霞在线一区二区| 日本精品久久久久久久久久| 中国老女人av| 日本中文字幕在线视频观看| 国产资源在线视频| 黄色片视频在线播放| 亚洲 中文字幕 日韩 无码| 爆乳熟妇一区二区三区霸乳| 成人黄色一级大片| 国产成年人在线观看| 国产一线二线三线女| 免费裸体美女网站| 99久久国产宗和精品1上映| 亚洲 激情 在线| 日本一二三区视频在线| 国产av天堂无码一区二区三区| 日韩中文字幕在线视频观看| 毛片毛片毛片毛片毛片毛片毛片毛片毛片| 色片在线免费观看| 欧洲精品视频在线| 少妇高清精品毛片在线视频 | 欧美黑人又粗又大又爽免费| 中文字幕免费高清在线| 久久艹国产精品| 久久撸在线视频| 一二三在线视频| www国产黄色| 警花观音坐莲激情销魂小说| 免费 成 人 黄 色|