页面载入时提示消息层

2016-01-29 11:38 8 1 收藏

页面载入时提示消息层,页面载入时提示消息层

【 tulaoshi.com - Javascript 】

<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"

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)

<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%"<STRONGQQ 短消息提示</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=#ff00001</FONT封新短消息 </P
      <DIV align=center
      你的访问已经为(<FONT color=#ff0000<B771621</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){}
}

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/javascript/)

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

来源:http://www.tulaoshi.com/n/20160129/1482825.html

延伸阅读
标签: Web开发
这个效果实现的是,在B页面里有两个层,一个显示层,我们暂定名c层,一个是隐藏层,我们暂定名d层,单独进B页面的时候,c层显示,d层隐藏,然而从A页面连接到B页面的时候,则是让d层显示,c层隐藏,我觉得这个效果对网页设计者以后会有很大帮助,现在把代码发出来,这里感谢经典的老二提供技术帮助。 !DOCTYPE HTML PUBLIC "-//...
标签: Web开发
%@ page contentType="text/html; charset=utf-8" language="java" import="java.sql.*" errorPage="" % %/*              通用弹出层页面(兼容IE、firefox)      作者:陈满森      创建时间:2007-7-11     ...
标签: 浏览器
阿云浏览器停止载入页面的按钮在哪   当页面正在载入时,刷新按钮的位置会由刷新按钮 变为停止载入按钮 ,如下图所示:
互联网的发展迅猛,鉴于不同区域网速各不相同,等待加载其实还是时常发生的。在设计心理学中我们知道一个网页加载的快慢会直接影响浏览者的心情,也就是说加载的过慢网站即便设计的再完美都不会受到欢迎。所以为了降低这样的流失比例,通常会在网页加载前预加载一个过渡效果。有进度的等待会让人在心里上不去刻意排斥。 Loading by pearlsomani...
制作 MSN、QQ 的消息提示窗口 作者:袁怀善 下载源代码 用过QQ和MSN聊天工具的人都知道,只要好友上线,就会在托盘的位置处显示一个提示窗口, 可以是拉帘式的,或者是淡入淡出的形式出现;想想何不为自己的程式也加一个漂亮的提示窗口呢:) 说做就做。 一、M...

经验教程

702

收藏

31

精华推荐

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部