浮动页面下方层 – 筚路蓝缕

&lt;style type=text/css&gt;
#master{ margin:0 auto; width:600px;position:absolute; left:100px; top:780px; z-index:999;
 background:#ebd7a2;
 height:28px;
 filter:alpha(opacity=80); /* IE */
 -moz-opacity:0.8; /* Moz FF */
 opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/
}
#master table{ width:600px; text-align:center;}
&lt;/style&gt;

&lt;div id="master"&gt;

&lt;/div&gt;

&lt;script language="JavaScript"&gt;
 var oldPosition = 0;
    function flow() {
  var scrollPos;
  var cHeight;

  if (typeof window.pageYOffset != 'undefined') {
     scrollPos = window.pageYOffset;
     cHeight=document.documentElement.clientHeight;
  }
  else if (typeof document.compatMode != 'undefined' &amp;&amp;
    document.compatMode != 'BackCompat') {
     scrollPos = document.documentElement.scrollTop;
     cHeight=document.documentElement.clientHeight;
  }
  else if (typeof document.body != 'undefined') {
     scrollPos = document.body.scrollTop;
     cHeight=document.body.clientHeight;
  }
  var a=scrollPos+cHeight-document.getElementById("master").offsetHeight;
  if(a!=oldPosition){
   document.getElementById("master").style.top = a+'px';
   oldPosition = a;
  }
 }
 window.setInterval("flow()",1);
&lt;/script&gt;

#master{ margin:0 auto; width:600px;position:absolute; left:100px; top:780px; z-index:999;

background:#ebd7a2;

height:28px;

filter:alpha(opacity=80); /* IE */

-moz-opacity:0.8; /* Moz FF */

opacity: 0.8; /* 支持CSS3的浏览器（FF 1.5也支持）*/

}

#master table{ width:600px; text-align:center;}

</style>

</div>

var oldPosition = 0;

function flow() {

var scrollPos;

var cHeight;

if (typeof window.pageYOffset != 'undefined') {

scrollPos = window.pageYOffset;

cHeight=document.documentElement.clientHeight;

}

else if (typeof document.compatMode != 'undefined' &&

document.compatMode != 'BackCompat') {

scrollPos = document.documentElement.scrollTop;

cHeight=document.documentElement.clientHeight;

}

else if (typeof document.body != 'undefined') {

scrollPos = document.body.scrollTop;

cHeight=document.body.clientHeight;

}

var a=scrollPos+cHeight-document.getElementById("master").offsetHeight;

if(a!=oldPosition){

document.getElementById("master").style.top = a+'px';

oldPosition = a;

}

window.setInterval("flow()",1);

</script>

一	二	三	四	五	六	日
	1	2	3	4	5	6
7	8	9	10	11	12	13
14	15	16	17	18	19	20
21	22	23	24	25	26	27
28	29	30	31

发表回复 取消回复

相关文章

发表回复取消回复