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

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

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

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

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

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

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

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