消息提示框

jwen

浏览: 63434 次
性别:

最近访客更多访客>>

lijun0349

hjk9317

凋叶丶棕

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

界面效果

<html>
<head>
<meta   http-equiv="Content-Type"   content="text/html;   charset=gb2312">
<title>Welcome</title>
</head>
<body>
<table   width="100%"     border="0"   cellspacing="1"   cellpadding="4">
      <tr>
          <td   align="center">   </td>
      </tr>
</table>
<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>信息提示   －－   测试</STRONG></TD>
          <TD   vAlign=center   align=right   width=19   padding-right:   2px;   padding-top:
              2px?><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%">
              <P>您有<FONT   color=#ff0000>1</FONT>封新短消息   </P>
              <A   href="#">点击这里查看</A></DIV>
    </TD>
      </TR>
</TABLE>
</DIV>
<SCRIPT   language=JavaScript>
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.getElementById("eMeng").offsetHeight,10)
      divWidth   =   parseInt(document.getElementById("eMeng").offsetWidth,10)
      docWidth   =   document.body.clientWidth;
      docHeight   =   document.body.clientHeight;
      document.getElementById("eMeng").style.top   =   docHeight   -   divHeight     +   parseInt(document.body.scrollTop,10)
      document.getElementById("eMeng").style.left   =   docWidth   -   divWidth   +     parseInt(document.body.scrollLeft,10)
    }
    catch(e){}
}
function   moveDiv()
{
    try
    {
      if(parseInt(document.getElementById("eMeng").style.top,10)   <=   (docHeight   -   divHeight     +   parseInt(document.body.scrollTop,10)))
      {
        window.clearInterval(objTimer)
        objTimer   =   window.setInterval("resizeDiv()",1)
      }
      divTop   =   parseInt(document.getElementById("eMeng").style.top,10)
      document.getElementById("eMeng").style.top   =   divTop   -   1
    }
    catch(e){}
}
function   closeDiv()
{
    document.getElementById('eMeng').style.visibility='hidden';
    if(objTimer)   window.clearInterval(objTimer)
}
</SCRIPT>
</body>
</html>

分享到：