Copy codeThe Code is as follows:
<! 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> layer that moves with the scroll bar </TITLE>
<META HTTP-EQUIV = "Content-Type" CONTENT = "text/html" charset = "gb2312">
</HEAD>
<Style>
<! --
. Div {
Position: absolute;
Border: 2px solid red;
Background-color: # EFEFEF;
Line-height: 90px;
Font-size: 12px;
Z-index: 1000;
}
-->
</Style>
<BODY>
<Div id = "Javascript. Div1" class = "div" style = "width: 240px; height: 90px" align = "center"> center... </div>
<Script language = "JavaScript">
Function sc1 (){
Document. getElementById ("Javascript. Div1" ..style.top((document.documentelement.scrolltop((document.doc umentElement. clientHeight-document.getElementById ("Javascript. Div1"). offsetHeight)/2) + "px ";
Document. getElementById ("Javascript. Div1" ..style.left.pdf (document.documentelement.scrollleft.pdf (document.doc umentElement. clientWidth-document.getElementById ("Javascript. Div1"). offsetWidth)/2) + "px ";
}
</SCRIPT>
<Div id = "Javascript. Div2" class = "div" style = "width: 240px; height: 90px" align = "center"> top left... </div>
<Script language = "JavaScript">
Function sc2 (){
Document. getElementById ("Javascript. Div2" ..style.top((document.doc umentElement. scrollTop) + "px ";
Document. getElementById ("Javascript. Div2" ).style.left.pdf (document.doc umentElement. scrollLeft) + "px ";
}
</SCRIPT>
<Div id = "Javascript. Div3" class = "div" style = "width: 240px; height: 90px" align = "center"> bottom left... </div>
<Script language = "JavaScript">
Function sc3 (){
Document. getElementById ("Javascript. Div3" ..style.top((document.documentelement.scrolltop#document.doc umentElement. clientHeight-document.getElementById ("Javascript. Div3"). offsetHeight) + "px ";
Document. getElementById ("Javascript. Div3" ).style.left.pdf (document.doc umentElement. scrollLeft) + "px ";
}
</SCRIPT>
<Div id = "Javascript. Div4" class = "div" style = "width: 240px; height: 90px" align = "center"> upper right... </div>
<Script language = "JavaScript">
Function sc4 (){
Document. getElementById ("Javascript. Div4" ..style.top((document.doc umentElement. scrollTop) + "px ";
Document. getElementById ("Javascript. Div4" ..style.left;(document.documentelement.scrollleft;document.doc umentElement. clientWidth-document.getElementById ("Javascript. Div4"). offsetWidth) + "px ";
}
</SCRIPT>
<Div id = "Javascript. Div5" class = "div" style = "width: 240px; height: 90px" align = "center"> bottom right... </div>
<Script language = "JavaScript">
Function sc5 (){
Document. getElementById ("Javascript. Div5" ..style.top((document.documentelement.scrolltop;document.doc umentElement. clientHeight-document.getElementById ("Javascript. Div5"). offsetHeight) + "px ";
Document. getElementById ("Javascript. Div5" ..style.left;(document.documentelement.scrollleft;document.doc umentElement. clientWidth-document.getElementById ("Javascript. Div5"). offsetWidth) + "px ";
}
</SCRIPT>
<Script language = "JavaScript">
<! --
Function scall (){
Sc1 (); sc2 (); sc3 (); sc4 (); sc5 ();
}
Window. onscroll = scall;
Window. onresize = scall;
Window. onload = scall;
// -->
</SCRIPT>
<Div style = "position: absolute; top: 0px; left: 0px; width: pixel PX; height: 4000px;"> </div>
</BODY>
</HTML>