对联代码
来源:互联网 发布:php7性能会赶上java吗 编辑:程序博客网 时间:2024/04/30 16:40
<!doctype html> <html> <head> <meta charset="utf-8"> <title>对联js</title> <style> *{ margin:0; padding:0;} #content{ width:960px; height:3000px; margin:0 auto; border:1px solid #CCC;} #advLeft,#advRight{ position:fixed; top:100px; width:100px; height:400px; background:#CCC;} #advLeft{ left:50%; margin-left:-591px;} #advRight{ left:50%; margin-left:491px;} </style> </head> <body> <div id="content"> </div> <a id="advLeft" href="javascript:;">左</a> <a id="advRight" href="javascript:;">右</a> <script> window.onload = function() { ie6Fixed('advLeft','advRight'); } function ie6Fixed(oAdvLeft,oAdvRight) { if(window.navigator.userAgent.indexOf('MSIE 6')==-1){return '';}//如果浏览器非IE6则返回; var oAdvL = document.getElementById(oAdvLeft);//获取左联 var oAdvR = document.getElementById(oAdvRight);//获取右联 var iAdvTop = parseInt(getStyle(oAdvL,'top'));//获取对联的初始顶部值 var iAdvHeight = parseInt(getStyle(oAdvL,'height'));//获取对联的初始高度值 oAdvL.style.overflow = oAdvR.style.overflow = 'hidden'; oAdvL.style.position = oAdvR.style.position = 'absolute'; window.onscroll = window.onresize = function()//当页面滚动或者页面缩放时 { if(document.documentElement.clientHeight <= iAdvHeight + iAdvTop)//如果窗口高度小于等于对联的初始高度与初始顶部值之和 { setScrollTop(getScrollTop());//设置scrollTop oAdvL.style.height = oAdvR.style.height = Math.max(0,document.documentElement.clientHeight-iAdvTop) + 'px'; //设置对联的高度,防止页面滚动到底部时继续向下滚动 } else { oAdvL.style.height = oAdvR.style.height = iAdvHeight + 'px';//如果窗口高度大于对联的初始高度与初始顶部值之和还原对联初始值 } oAdvL.style.top = oAdvR.style.top = getScrollTop()+iAdvTop+'px';//设置对联的顶部值 } //获得scrollTop function getScrollTop() { return document.documentElement.scrollTop || document.body.scrollTop; } //设置scrollTop function setScrollTop(iScrollTop) { www.2cto.com document.documentElement.scrollTop = document.body.scrollTop = iScrollTop; } //获得计算后的样式 function getStyle(obj,attr) { return obj.currentStyle?obj.currentStyle[attr]:getComputedStyle(obj,false)[attr]; } } </script> </body> </html>
0 0
- 对联代码
- 对联广告代码
- 对联广告代码
- 浮动广告对联代码
- 漂浮对联广告代码
- 对联广告代码
- 对联广告代码
- Js对联广告代码
- 对联广告代码
- 对联广告jquery代码
- 对联广告代码效果大全
- 对联广告代码效果大全
- 对联广告代码效果大全
- 对联广告代码效果大全
- [Javascript] 对联广告代码模板
- 对联广告代码效果大全
- 对联
- 对联
- C#中连接Oracle数据库时提示OCIEnvCreate 失败,返回代码为 -1,但错误消息文本不可用。
- 40G以太网连接中的光模块解决方案
- Linux下如何查看系统启动时间和运行时间
- 完全备份、差异备份以及增量备份的区别
- VS2012+OpenCV3.0+CMake3.8环境的OpenCV安装/配置/新建工程
- 对联代码
- 使用eclipse编译生成so
- 游戏场景灯光烘焙
- js中prompt()的用法
- 详解java设计模式(三)之策略模式(行为型)
- 商城之SSH框架中的.hbm.xml文件
- Java Tips
- 三种遍历方式的区别
- 在浏览器的标签页显示网站标志图标(或指定图标)的方法