分享
 
 
 

层的使用:页面载入时提示消息层

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD><TITLE> EvE HTML </TITLE>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<META NAME="Generator" CONTENT="CnEve" />

<META NAME="Author" CONTENT="" />

<META NAME="Keywords" CONTENT="" />

<META NAME="Description" CONTENT="" />

<LINK href="style.css" type="text/css" rel="stylesheet" />

<Script language="JavaScript" src=""></Script>

<STYLE TYPE="text/css" TITLE="">

td{font-size: 12px;}

</STYLE>

</HEAD>

<Body bgcolor="#E8EEED" background="" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">

<Table align=center class="" Width="100%" Height="" cellSpacing=0 cellPadding=0 border=0 >

<TR>

<TD align=middle bgColor="" Width="" Height="200">

消息提示演示 层的使用方法!<br />

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

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>

</TD>

</TR>

</Table>

</Body>

</HTML>

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有