一个固定在右下角的层

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>一个居定在右下角的层-成功志ok12.net</title>
<style>
*{margin:0}

body{
 height:1000px;
 width:1000px;
 _background: url(about:blank) fixed;
 }
 
 *html{
     _background: url(about:blank) fixed;
}

 #a{
 width:300px;
 height:100px;
 background:red;
 }
</style>
<script>
var isie6 = window.XMLHttpRequest?false:true;
alert(isie6)
window.onload = function(){
    var a = document.getElementById('a');
    var d = document.getElementById('d');
   if(isie6){
         a.style.position = 'absolute';
        
         window.onscroll = function(){
              d.innerHTML = '';
          }
   }else{
      a.style.position = 'fixed';
   }
      a.style.right = '0';
      a.style.bottom = '0';

}
</script>
</head>
<body>
<div id ="d" style="display:none;"></div>
<div id='a'>test</div>
</body>
</html>

本博客所有文章如无特别注明均为原创。作者:sysdee复制或转载请以超链接形式注明转自 成功志
原文地址《一个固定在右下角的层
分享到:更多

相关推荐

发表评论

路人甲 表情
看不清楚?点图切换 Ctrl+Enter快速提交

网友评论(0)