- 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
您可能关注的文档
- (人教版pep)小学三年级英语上册期末温习试卷.doc
- (新人教)1.1宇宙中的地球 导学案001.doc
- 01电磁感应·电磁感应气象·教案.doc
- 02 专业题库之换热器制作工艺.doc
- 051《经济学家》读译参考之五十一:七年之痒-澳门长大几家欢快几家愁.doc
- 064《经济学家》读译参考之六十四:芳华作证-年轻人成为英国党争新宠.doc
- 09高 人际沟通与礼仪 金楠.doc
- 10.1.1库存现金、其他泉币资金.doc
- 10.2.3固定资产取得.doc
- 100句单词.doc
- 2026年商丘市梁园区建设系统人员招聘考试参考试题及答案解析.docx
- 2026年河南省洛阳市自然资源系统人员招聘笔试模拟试题及答案解析.docx
- 2026年哈尔滨市动力区自然资源系统人员招聘考试备考题库及答案解析.docx
- 2026年江西省鹰潭市自然资源系统人员招聘考试参考题库及答案解析.docx
- 合规转利润:降本增效全指南(2026)《GBT 39412-2020信息安全技术 代码安全审计规范》.pptx
- 交通运输交通基础设施建设与智能化改造策略.docx
- 山东高考散文试题及答案.docx
- 华大基因笔试题及答案.docx
- 2026年广西壮族自治区南宁市自然资源系统人员招聘笔试参考试题及答案解析.docx
- 工地干活速写试题及答案.docx
原创力文档

文档评论(0)