怎么在网页右下角弹出信息提示
日期：2014-05-16 浏览次数：20498 次
如何在网页右下角弹出信息提示
如何在网页的右下角弹出信息提示，由下而上的冒出来， 当网页框架大小改变时，
那个信息框仍然在网页的右下角，位置不会变。
------解决方案--------------------
还是在左上角吧，因为那里是原点！
计算起来容易些！
用 Div 可以实现！
------解决方案--------------------
如果采用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
似乎无法获得 IE 窗口高度！
不过用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
就可以！
示例代码如下，LZ 自己改改吧，下班了，哈
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> new document </title>
<meta name= "generator " content= "editplus " />
<meta name= "author " content= " " />
<meta name= "keywords " content= " " />
<meta name= "description " content= " " />
</head>
<body>
<div style= "background-color: red; width: 100%; height: 100 % "> </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<script type= "text/javascript ">
<!--
document.body.onclick = function()
{
document.body.scroll = "no ";
var message = window.screen.availWidth + " : " + window.screen.availHeight + "\n ";
message += window.screen.width + " : " + window.screen.height + "\n ";
message += document.body.offsetWidth + " : " + document.body.offsetHeight + "\n ";
message += document.body.clientWidth + " : " + document.body.clientHeight + "\n ";
message += document.body.scrollWidth + " : " + document.body.scrollHeight + "\n ";
alert(message);
};
//-->
</script>
</body>
</html>
------解决方案--------------------
<HTML>
<HEAD>
<META http-equiv= "content-type " content= "text/html; charset=gb2312 "/>
<base href= "http://dotnet.aspx.cc/ ">
<LINK href= "Images/favicon.ico " rel= "Shortcut Icon "/>
<LINK href= "Detail.css " type= "text/css " rel= "stylesheet "/>
</HEAD>
<body>
<div id= "eMeng " style= "BORDER-RIGHT:#455690 1px solid; BORDER-TOP:#a6b4cf 1px solid; Z-INDEX:99999; LEFT:0px; VISIBILITY:hidden; BORDER-LEFT:#a6b4cf 1px solid; WIDTH:180px; BORDER-BOTTOM:#455690 1px solid; POSITION:absolute; TOP:0px; HEIGHT:116px; BACKGROUND-COLOR:#c9d3f3 ">
<table width= "100% " border= "0 " cellpadding= "0 " cellspacing= "0 &qu
如何在网页的右下角弹出信息提示，由下而上的冒出来， 当网页框架大小改变时，
那个信息框仍然在网页的右下角，位置不会变。
------解决方案--------------------
还是在左上角吧，因为那里是原点！
计算起来容易些！
用 Div 可以实现！
------解决方案--------------------
如果采用
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN " "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
似乎无法获得 IE 窗口高度！
不过用
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
就可以！
示例代码如下，LZ 自己改改吧，下班了，哈
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN ">
<html xmlns= "http://www.w3.org/1999/xhtml ">
<head>
<title> new document </title>
<meta name= "generator " content= "editplus " />
<meta name= "author " content= " " />
<meta name= "keywords " content= " " />
<meta name= "description " content= " " />
</head>
<body>
<div style= "background-color: red; width: 100%; height: 100 % "> </div>
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<script type= "text/javascript ">
<!--
document.body.onclick = function()
{
document.body.scroll = "no ";
var message = window.screen.availWidth + " : " + window.screen.availHeight + "\n ";
message += window.screen.width + " : " + window.screen.height + "\n ";
message += document.body.offsetWidth + " : " + document.body.offsetHeight + "\n ";
message += document.body.clientWidth + " : " + document.body.clientHeight + "\n ";
message += document.body.scrollWidth + " : " + document.body.scrollHeight + "\n ";
alert(message);
};
//-->
</script>
</body>
</html>
------解决方案--------------------
<HTML>
<HEAD>
<META http-equiv= "content-type " content= "text/html; charset=gb2312 "/>
<base href= "http://dotnet.aspx.cc/ ">
<LINK href= "Images/favicon.ico " rel= "Shortcut Icon "/>
<LINK href= "Detail.css " type= "text/css " rel= "stylesheet "/>
</HEAD>
<body>
<div id= "eMeng " style= "BORDER-RIGHT:#455690 1px solid; BORDER-TOP:#a6b4cf 1px solid; Z-INDEX:99999; LEFT:0px; VISIBILITY:hidden; BORDER-LEFT:#a6b4cf 1px solid; WIDTH:180px; BORDER-BOTTOM:#455690 1px solid; POSITION:absolute; TOP:0px; HEIGHT:116px; BACKGROUND-COLOR:#c9d3f3 ">
<table width= "100% " border= "0 " cellpadding= "0 " cellspacing= "0 &qu
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
