div浮动层移动代码.docVIP

  • 7
  • 0
  • 约 5页
  • 2017-05-22 发布于河南
  • 举报
div浮动层移动代码

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

文档评论(0)

1亿VIP精品文档

相关文档