当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 页面载入时提示消息层

HTML/XHTML教程
XHTML中不再使用HTML中的一些废弃元素
语义化的HTML结构怎么理解
Web 标准学习 理解结构和表现相分离
html5 标签
HTML5 新事件 小结
HTML5 b和i标记将被赋予真正的语义
HTML是网页制作者必须要学习掌握的
HTML DOCTYPE的缩写
Readonly和Disabled的区别
16进制颜色代码(完全)
H标记要在网页制作中合理使用
abbr标记和acronym标记
知名浏览器对DOCTYPE模式的选择机制
用标准dl,dt,dd标签抛弃table列表
html 标签ID可以是变量
iframe 自适应大小实现代码
HTML5 解析规则分析
HTML减肥 精简HTML标记制作网页
HTML5 File API改善网页上传功能
HTML 5 Reset Stylesheet

HTML/XHTML教程 中的 页面载入时提示消息层


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 104 ::
收藏到网摘: n/a

<HTML>
<HEAD><TITLE> EvE HTML </TITLE>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<STYLE TYPE="text/css" TITLE="">
 td{font-size: 12px;}
</STYLE>
</HEAD>
<Body bgcolor="#E8EEED" background="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<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">
<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid"
cellSpacing=0 cellPadding=0 width="100%" bgColor=#cfdef4 border=0>
  <TBODY>
  <TR>
    <TD
    style="FONT-SIZE: 12px; BACKGROUND-IMAGE: none; COLOR: #0f2c8c"
    width=30 height=24> </TD>
    <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>
    <TD vAlign=center align=right width=19 2px? padding-top: 2px;
      padding-right:><SPAN title=关闭
      style="FONT-WEIGHT: bold; FONT-SIZE: 12px; CURSOR: hand; COLOR: red; MARGIN-RIGHT: 4px"
      onclick=closeDiv()>×</SPAN></TD></TR>
  <TR>
    <TD
    style="PADDING-RIGHT: 1px; BACKGROUND-IMAGE: none; PADDING-BOTTOM: 1px"
    colSpan=3 height=90>
      <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%">
      <DIV align=left>
      <P>您有<FONT color=#ff0000>1</FONT>封新短消息 </P>
      <DIV align=center>
      你的访问已经为(<FONT color=#ff0000><B>771621</B>
   </FONT>)带来了QQ币,你也可以!<BR><BR>
      <A href="#" target=_blank><FONT
      color=#ff0000><B>免费获得QQ币</B></FONT></A></DIV></DIV></DIV>
      <SCRIPT language=JavaScript>
//more javascript from http://www.smallrain.net
window.onload = getMsg;
window.onresize = resizeDiv;
window.onerror = function(){}
//短信提示使用(asilas添加)
var divTop,divLeft,divWidth,divHeight,docHeight,docWidth,objTimer,i = 0;
function getMsg()
{
try{
divTop = parseInt(document.getElementById("eMeng").style.top,10)
divLeft = parseInt(document.getElementById("eMeng").style.left,10)
divHeight = parseInt(document.getElementById("eMeng").offsetHeight,10)
divWidth = parseInt(document.getElementById("eMeng").offsetWidth,10)
docWidth = document.body.clientWidth;
docHeight = document.body.clientHeight;
document.getElementById("eMeng").style.top = parseInt(document.body.scrollTop,10) + docHeight + 10;// divHeight
document.getElementById("eMeng").style.left = parseInt(document.body.scrollLeft,10) + docWidth - divWidth
document.getElementById("eMeng").style.visibility="visible"
objTimer = window.setInterval("moveDiv()",10)
}
catch(e){}
}

function resizeDiv()
{
try{
divHeight = parseInt(document.getElement