裝修技巧-首頁(yè)懸浮代碼 可開(kāi)關(guān)

1、效果全稱：淘寶首頁(yè)懸浮high翻6月，可點(diǎn)擊開(kāi)關(guān)原效果圖：之前（6.18）淘寶官網(wǎng)首頁(yè)的，懸浮帶開(kāi)關(guān)的導(dǎo)航效果，現(xiàn)在沒(méi)有了，看圖片也差不多了，圖片是當(dāng)天GIF錄制，連貫性不是很好。（點(diǎn)擊圖片可放大觀看）仿制的效果圖：我的測(cè)試網(wǎng)址就不上了（免得被說(shuō)成廣告貼，其實(shí)我不做淘寶好多年。代碼中圖片鏈接還得換成自己的空間圖片鏈接。），看圖片也差不多了，圖片是GIF錄制，連貫性不是很好。（不用在意這些細(xì)節(jié)）（點(diǎn)擊圖片可放大觀看）此效果模仿并修改自6.

2、18淘寶首頁(yè)的【懸浮導(dǎo)航】效果，現(xiàn)在好像被下掉了沒(méi)有了，不知道有人注意過(guò)沒(méi)有，沒(méi)注意也沒(méi)關(guān)系，因?yàn)槲乙呀?jīng)把它做出來(lái)了，哇哈哈哈~~~。思路及原理：采用Widget規(guī)范的Carousel旋轉(zhuǎn)木馬，也就是輪播，使用方法見(jiàn)淘寶開(kāi)放平臺(tái)文檔中心的Widget規(guī)范；代碼里采用了全屏代碼；本想寫成懸浮，奈何淘寶大姨媽屢屢禁止，所以就沒(méi)寫（喜歡懸浮和高手可以自己添加，嘿嘿）。動(dòng)畫與過(guò)渡正常狀態(tài)√√√√√√√√理想狀態(tài)√√√√√②右側(cè)放內(nèi)容部分：1、此

3、部分整個(gè)模塊的主要部分，又分為兩小塊內(nèi)容，上面橫幅內(nèi)容和下面大導(dǎo)航內(nèi)容橫幅大?。簩挷幌蓿呻S父級(jí)）高45px大導(dǎo)航大?。簩挷幌蓿呻S父級(jí)）高60px2、圖片制作：本代碼用到的圖片大小為橫幅圖片大?。簩?66px高45px；（在背景里）大導(dǎo)航圖片大小：寬247px高56px（3個(gè)）；寬115px高56px（1個(gè)）圖片的大小我重新修改過(guò)，原來(lái)的圖片不適合。圖片的大小和內(nèi)容可根據(jù)你需要，自行設(shè)置調(diào)整。3、圖片替換：橫幅部分是利用背景制作，替換