页面载入时提示消息层

 1<html>
 2<head><title> EvE HTML </title>
 3<meta content="text/html; charset=utf-8" http-equiv="Content-Type"/>
 4<style title="" type="text/css">   
 5td{font-size: 12px;}   
 6</style>
 7</head>
 8<body background="" bgcolor="#E8EEED" leftmargin="0" marginheight="0" marginwidth="0" topmargin="0">
 9<div id="eMeng" style="BORDER-RIGHT: #455690 1px solid; BORDER-TOP: #a6b4cf 1px solid; Z-INDEX: 99999; LEFT: 64px; VISIBILITY: hidden; BORDER-LEFT: #a6b4cf 1px solid; WIDTH: 168px; BORDER-BOTTOM: #455690 1px solid; POSITION: absolute; TOP: 374px; HEIGHT: 115px; BACKGROUND-COLOR: #c9d3f3">
10<table bgcolor="#cfdef4" border="0" cellpadding="0" cellspacing="0" style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" width="100%">
11<tbody>
12<tr>
13<td height="24" style="FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #0f2c8c" width="30"> </td>
14<td style="PADDING-LEFT: 4px; FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #1f336b; PADDING-TOP: 4px" valign="center" width="100%"><strong>QQ 短消息提示</strong></td>
15<td 2px;="" 2px?="" align="right" padding-right:="" padding-top:="" valign="center" width="19"><span onclick="closeDiv()" style="FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px" title="关闭">×</span></td></tr>
16<tr>
17<td colspan="3" height="90" style="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px">
18<div style="BORDER-RIGHT: #b9c9ef 1px solid; PADDING-RIGHT: 13px; BORDER-TOP: #728eb8 1px solid; PADDING-LEFT: 13px; FONT-SIZE: 12px; PADDING-BOTTOM: 13px; BORDER-LEFT: #728eb8 1px solid; WIDTH: 100%; COLOR: #1f336b; PADDING-TOP: 18px; BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 100%">
19<div align="left">
20<p>您有<font color="#ff0000">1</font>封新短消息 </p>
21<div align="center">   
22你的访问已经为(<font color="#ff0000"><b>771621</b>
23</font>)带来了QQ币,你也可以!<br/><br/>
24<a href="#" target="_blank"><font color="#ff0000"><b>免费获得QQ币</b></font></a></div></div></div>
25<script language="JavaScript">   
26//more javascript from http://www.smallrain.net   
27window.onload = getMsg;   
28window.onresize = resizeDiv;   
29window.onerror = function(){}   
30//短信提示使用(asilas添加)   
31var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;   
32function getMsg()   
33{   
34try{   
35divTop = parseInt(document.getElementById("eMeng").style.top,10)   
36divLeft = parseInt(document.getElementById("eMeng").style.left,10)   
37divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)   
38divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)   
39docWidth = document.body.clientWidth;   
40docHeight = document.body.clientHeight;   
41document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight   
42document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth   
43document.getElementById("eMeng").style.visibility="visible"   
44objTimer = window.setInterval("moveDiv()",10)   
45}   
46catch(e){}   
47} 
48
49function resizeDiv()   
50{   
51try{   
52divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)   
53divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)   
54docWidth = document.body.clientWidth;   
55docHeight = document.body.clientHeight;   
56document.getElementById("eMeng").style.top = docHeight - divHeight + parseInt(document.body.scrollTop,10)   
57document.getElementById("eMeng").style.left = docWidth - divWidth + parseInt(document.body.scrollLeft,10)   
58}   
59catch(e){}   
60} 
61
62function moveDiv()   
63{   
64try   
65{   
66if(parseInt(document.getElementById("eMeng").style.top,10) <= (docHeight - divHeight + parseInt(document.body.scrollTop,10)))   
67{   
68window.clearInterval(objTimer)   
69objTimer = window.setInterval("resizeDiv()",1)   
70}   
71divTop = parseInt(document.getElementById("eMeng").style.top,10)   
72document.getElementById("eMeng").style.top = divTop - 1   
73}   
74catch(e){}   
75}   
76function closeDiv()   
77{   
78document.getElementById('eMeng').style.visibility='hidden';   
79if(objTimer) window.clearInterval(objTimer)   
80}   
81</script>
82</td>
83</tr>
84</tbody></table>
85</div>
86</body>
87</html>
Published At
Categories with 网页设计
Tagged with
comments powered by Disqus