JS+CSS始终在右下角显示的层，兼容IE6浏览器

　　JS+CSS始终在右下角显示的层，兼容IE6浏览器。即使您不懂CSS和JS也能看懂，在JS代码部分的第一行，我们就可以看到var isie6，也就是说如果是IE6浏览器，并设定a和b两个值，并赋予他们距右和距下都是0的样式，这样就可以一直在右下角了，不多说了，大家自己看吧，代码很简单。

　　示例：

<!DOCTYPE html><br /> <html><br /> <head><br /> <title>层固定在右下角的离奇方法</title><br /> <style><br /> *{margin:0}<br /> body{<br /> height:2000px;<br /> width:1000px;<br /> }<br /> #a{<br /> width:300px;<br /> height:100px;<br /> background:red;<br /> }<br /> </style><br /> <script><br /> var isie6 = window.XMLHttpRequest?false:true;<br /> window.onload = function(){<br /> var a = document.getElementById('a');<br /> var d = document.getElementById('d');<br /> if(isie6){<br /> a.style.position = 'absolute';<br /> window.onscroll = function(){<br /> d.innerHTML = '';<br /> }<br /> }else{<br /> a.style.position = 'fixed';<br /> }<br /> a.style.right = '0';<br /> a.style.bottom = '0';<br /> }<br /> </script><br /> </head><br /> <body><br /> <div id ="d" style="display:none;">我会一直呆在右下角的——烈火网页特效</div><br /> <div id='a'>test</div><br /> </body><br /> </html> <div style="text-align:center;margin:30px 0 0 0;"><hr style="color:#999;height:1px;">如不能显示效果，请按Ctrl+F5刷新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></div>
提示：可修改后代码再运行!

热点

JS+CSS始终在右下角显示的层，兼容IE6浏览器

由 dawei

您错过了

MySQL日志文件高效管理与实践分析指南

云计算服务选型：性能、成本与安全性考量

Unix系统数据科学环境优化配置实践指南

一键构建Unix学习环境，启程编程之旅

JS+CSS始终在右下角显示的层，兼容IE6浏览器

由 dawei

相关文章

网站优化的整个完整步骤

基于PHP实现发微博动态代码实例

PHP文件操作简单介绍及函数汇总

您错过了

MySQL日志文件高效管理与实践分析指南

云计算服务选型：性能、成本与安全性考量

Unix系统数据科学环境优化配置实践指南

一键构建Unix学习环境，启程编程之旅