javascript实现屏幕右下角弹出信息提示框
2009-05-07 11:39
513 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>右下角弹出提示信息框-php自学网</title>
</head>
<style type="text/css">
#rbbox{
position:absolute;
right:0;
bottom:0;
width:300px;
height:0px;
overflow:hidden;
}
.button{
display:inline;
float:right;
font-size:12px;
cursor:pointer;
}
</style>
<body>
<div id="rbbox">
<a class="button" onclick="closeBox()">关闭</a>
<iframe src="http://www.phpzixue.cn/404.htm" frameborder="0" height="200" width="300" scrolling="no"></iframe>
</div>
<script language="javascript" type="text/javascript">
window.onload=function(){
showBox();
setTimeout("closeBox()",5000)
}
function showBox(o){
if (o==undefined) o=document.getElementById("rbbox");
o.style.height=o.clientHeight+2+"px";
if (o.clientHeight<200) setTimeout(function(){showBox(o)},5);
}
function closeBox(){
document.getElementById("rbbox").style.display="none";
}
</script>
</body>
</html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>右下角弹出提示信息框-php自学网</title>
</head>
<style type="text/css">
#rbbox{
position:absolute;
right:0;
bottom:0;
width:300px;
height:0px;
overflow:hidden;
}
.button{
display:inline;
float:right;
font-size:12px;
cursor:pointer;
}
</style>
<body>
<div id="rbbox">
<a class="button" onclick="closeBox()">关闭</a>
<iframe src="http://www.phpzixue.cn/404.htm" frameborder="0" height="200" width="300" scrolling="no"></iframe>
</div>
<script language="javascript" type="text/javascript">
window.onload=function(){
showBox();
setTimeout("closeBox()",5000)
}
function showBox(o){
if (o==undefined) o=document.getElementById("rbbox");
o.style.height=o.clientHeight+2+"px";
if (o.clientHeight<200) setTimeout(function(){showBox(o)},5);
}
function closeBox(){
document.getElementById("rbbox").style.display="none";
}
</script>
</body>
</html>
相关文章推荐
- 锁屏状态下点亮屏幕,并弹出闹钟提示信息,可以在锁屏界面上取消闹钟;使用广播接收闹钟定时:
- JavaScript基础 window.prompt() 弹出一个输入框 设置提示信息与默认值
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- jQuery实现鼠标经过弹出提示信息的地图热点效果
- js实现浏览器右下角弹出提示信息窗口,几秒后自动关闭
- JavaScript实现关闭窗口前提示信息
- 后台弹出javascript提示信息两方法小知识
- javascript实现打开新窗口全屏,并且关掉父窗体(不弹出关闭提示)
- javascript实现弹出页面屏幕最大化
- 方法设置锁屏状态下点亮屏幕,并弹出闹钟提示信息,
- JavaScript基础 window.prompt() 弹出一个输入框 设置提示信息与默认值
- 网站中人性化提示信息的JavaScript实现
- AlertBox 弹出层信息提示框效果实现步骤
- Java实现屏幕右下角弹出类QQ提示消…
- 网站中人性化提示信息的JavaScript实现
- 锁屏状态下点亮屏幕,并弹出闹钟提示信息,
- 实现功能:弹出一个DIV层提示等待信息,这个时候禁用用户操作页面中的其他内容
- [原创] [WEB/JavaScript] 用JavaScript实现自定义控件 --- (1)显示提示信息的输入框
- 利用javaScript实现点击输入框弹出窗体选择信息
- 锁屏状态下点亮屏幕,并弹出闹钟提示信息