div浮动层移动代码.doc

CSS实现浮动层跟随滚动条特效(兼容IE6)
众所周知,很多网站要做个浮动层(可以放置广告)，并且能跟随滚动条移动，这样才能使用户在任何位置都能看到它(广告), 实现这种特效有许多种方法,下面就介绍两种比较成功的实现方法,它们都能完美兼容各大浏览器：

１．onScroll脚本实现
首先，用DW辅助可生成一个浮动层Div的样式:
#menu{
position:fixed;/*低版本浏览器不支持*/
_position:absolute;/*利用hack方式处理IE6*/
left:100px;border:1px black solid;width:200px;height:115px;z-index:1;
}
 然后实现跟随滚动条移动，为onScroll事件绑定一个方法.
function page_scroll()
{
document.getElementById('menu').style.top = parseInt(g_myBodyInstance.scrollTop) + 10 + "px";
}
g_myBodyInstance = (document.documentElement ? document.documentElement : window);
g_myBodyInstance.onscroll = page_scroll;
/*
注:
# 页面具有 DTD（或者说指定了 DOCTYPE）时，使用 document.documentElement。
# 页面不具有 DTD（或者说没有指定了 DOCTYPE）时，使用 document.body。
*/
整段代码演示:
1 
2  
3 
4 #menu
5 {
6 position:fixed;_position:absolute;left:100px;border:1px black solid;width:200px;</p><p style='padding:5px 0px;'>4、height:115px;z-index:1;
7 }
8 
9 
10 
11 
12 
13 Hello world!!!
14