DIV 随着滚动条移动

最新推荐文章于 2022-08-25 14:49:11 发布

原创最新推荐文章于 2022-08-25 14:49:11 发布 · 150 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#中国移动 #JavaScript #ASP #XHTML #HTML #ViewUI

JavaScript 专栏收录该内容

25 篇文章

订阅专栏

<!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>code by：haiwa - 随滚动条移动的层 - 中国asp之家 - www.aspxhome.com</TITLE>   
<META HTTP-EQUIV="Content-Type" CONTENT="text/html" charset="gb2312">   
</HEAD>   

<BODY>   

    <div id="SubmitMSG"  
		style="BORDER-RIGHT: #d5a338 1px solid; PADDING-RIGHT: 9px; BORDER-TOP: #d5a338 1px solid; PADDING-LEFT: 9px;BACKGROUND: #ffffdb; LEFT: 25%; PADDING-BOTTOM: 5px; BORDER-LEFT: #d5a338 1px solid; WIDTH:50%; COLOR: #000000; LINE-HEIGHT: 17px; PADDING-TOP: 6px; BORDER-BOTTOM: #d5a338 1px solid; POSITION: absolute; TOP:20%; TEXT-ALIGN: left " > 
		正在上传数据，请梢等......<br/>
    </div>

<SCRIPT LANGUAGE="JavaScript">   
function move(){    
//	document.getElementById("SubmitMSG").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight-document.getElementById("SubmitMSG").offsetHeight)/2)+"px"; 	
	document.getElementById("SubmitMSG").style.top=(document.documentElement.scrollTop+(document.documentElement.clientHeight * 0.2 ))+"px"; 	
}    
</SCRIPT>   
   

   
<SCRIPT LANGUAGE="JavaScript">   
<!--    
function MsgDivMove(){    
	move();
}
window.onscroll=MsgDivMove;    
window.onresize=MsgDivMove;    
window.onload=MsgDivMove;    
//-->   
</SCRIPT>   
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
<BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR><BR>
</BODY>   
</HTML>