首先糾正一下，百度首頁(yè)右上角的更多產(chǎn)品那里的不叫動(dòng)畫(huà)，叫懸浮，是通過(guò)hover設(shè)置的一些屬性，其實(shí)實(shí)現(xiàn)很簡(jiǎn)單，就是先把懸浮出來(lái)的頁(yè)面寫(xiě)好，然后display先把它隱藏起來(lái)，然后通過(guò)設(shè)置hoverdisplayblock來(lái)。

html如何實(shí)現(xiàn)這個(gè)網(wǎng)頁(yè)中的浮動(dòng)窗口浮動(dòng)層是一個(gè)div，你可以給這個(gè)div添加各種樣式只是先隱藏它，然后用鼠標(biāo)事件控制它在js中的顯示和隱藏html懸浮盒子怎么設(shè)置1使用css中的flaot屬性就可以了，首先打開(kāi)Dreamweaver。

一般情況下都是用CSS的fixed固定定位，但不兼容IE6，在IE6下，用absolute方式下面給出簡(jiǎn)單的兼容寫(xiě)法代碼實(shí)現(xiàn)僅供參考 *margin0px padding0px body height2000px div width100px height。

首先，得有個(gè)DIV，然后把輪播代碼丟到DIV里，然后寫(xiě)個(gè)id為a的A標(biāo)簽，標(biāo)簽根據(jù)DIV定位到右上角，如果這時(shí)候你看到a標(biāo)簽不在廣告上面，那你就給a標(biāo)簽設(shè)置zindex屬性，還不行就給DIV也設(shè)上我不大熟悉這玩意，不過(guò)大概。

CSS屬性里面有個(gè)position，使用fixed屬性在配合left，top等就可以實(shí)現(xiàn)懸浮與某個(gè)位置且不會(huì)因?yàn)闈L動(dòng)而消失，比如， 至于你說(shuō)的滑到一般時(shí)才出現(xiàn)， 需要用javascript代碼，捕獲滾動(dòng)事件，判斷距離，就可以了，可以追問(wèn)哦。

可以使用css fixed，例 window width100pxheight50pxpositionfixedright0top45%關(guān)鍵是這一行，設(shè)置窗口的位置，如果網(wǎng)頁(yè)層較多，應(yīng)該用zindex將窗口div置于頂層，否則會(huì)被遮蓋zindex999 客。

* moztransition 5s easeinout*這里為了兼容其他瀏覽器* otransition 5s easeinoutbackgroundimage urlquotship_threeimagestlpngquot 可以，沒(méi)問(wèn)題CSS代碼就是上面的。

hoverfunction thiscsssiblingscss重點(diǎn)在siblings，會(huì)選中同輩的其它標(biāo)簽。