div浮動(dòng)層移動(dòng)代碼

1、CSS實(shí)現(xiàn)浮動(dòng)層跟隨滾動(dòng)條特效實(shí)現(xiàn)浮動(dòng)層跟隨滾動(dòng)條特效(兼容兼容IE6)眾所周知很多網(wǎng)站要做個(gè)浮動(dòng)層(可以放置廣告)，并且能跟隨滾動(dòng)條移動(dòng)，這樣才能使用戶在任何位置都能看到它(廣告)實(shí)現(xiàn)這種特效有許多種方法下面就介紹兩種比較成功的實(shí)現(xiàn)方法它們都能完美兼容各大瀏覽器：１１onScroll腳本實(shí)現(xiàn)腳本實(shí)現(xiàn)首先，用DW輔助可生成一個(gè)浮動(dòng)層Div的樣式:#menuposition:fixed低版本瀏覽器不支持_position:absolute

2、利用hack方式處理IE6left:100pxbder:1pxblacksolidwidth:200pxheight:115pxzindex:1然后實(shí)現(xiàn)跟隨滾動(dòng)條移動(dòng)，為onScroll事件綁定一個(gè)方法.functionpage_scroll()document.getElementById(menu).style.top=parseInt(g_myBodyInstance.scrollTop)10“px“g_myBodyInstanc

3、e=(document.documentElementdocument.documentElement:window)g_myBodyInstance.onscroll=page_scroll注:#頁面具有DTD（或者說指定了DOCTYPE）時(shí)，使用document.documentElement。#頁面不具有DTD（或者說沒有指定了DOCTYPE）時(shí)，使用document.body。整段代碼演示:1234#menu56position

4、:fixed_position:absoluteleft:100pxbder:1pxblacksolidwidth:200pxheight:115pxzindex:1789bodymargin:0必須bder:0height:100%必須overflowy:auto必須#menudisplay:blocktop:10pxleft:150pxwidth:130pxposition:fixedIE并不認(rèn)識(shí)fixed，而FF認(rèn)識(shí)html#me