右下角(固定)弹出图层代码
来源:互联网 发布:人工智能失业潮 编辑:程序博客网 时间:2024/06/06 02:26
代码如下:
<!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>右下角弹出框</title>
</head>
<style type="text/css">
#rbbox{position:absolute;bottom:auto;top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
position:absolute;right:0;bottom:0;width:200px;height:0px;overflow:hidden}
.button{display:inline;float:right;font-size:12px;cursor:pointer}
</style>
<body>
<div id="rbbox" >
<!--温馨提示代码开始-->
<DIV >
<TABLE style="BORDER-TOP: #ffffff 1px solid; BORDER-LEFT: #ffffff 1px solid" cellSpacing=0 cellPadding=0 width="100%" bgColor=#AFDCF3 border=0>
<TBODY>
<TR bgColor=#6699cc>
<TD style="font-size: 12px; color: #0f2c8c" width=40 height=24></TD>
<TD style="font-weight: normal; font-size: 12px; color: #ffffff; padding-left: 4px; padding-top: 4px" vAlign=center width="100%"> 系统温馨提示:</TD>
<TD style="background-image: url('msgTopBg.gif'); padding-right: 2px; padding-top: 2px" vAlign=center align=right width=19><span title=关闭 style="CURSOR: hand;color:white;font-size:12px;font-weight:bold;margin-right:4px;" onclick="closeBox()" >×</span><!--<IMG title=关闭 style="CURSOR: hand" onclick=closeDiv() hspace=3 src="msgClose.jpg">--></TD>
</TR>
<TR>
<TD style=" padding-right: 1px; padding-bottom: 1px" colSpan=3 height=70>
<DIV style=" width:100%; BORDER-RIGHT: #b9c9ef 1px solid; FONT-SIZE: 12px;BORDER-BOTTOM: #b9c9ef 1px solid; HEIGHT: 40px;text-align:center;">您好,您有<font color=#FF0000>3</font>个新的订单未处理!<BR>
<a href="admin_dingdan_shouli.php?dd_zhuangtai=未处理" target="_self">
<font color=#FF0000 >进入订单管理中心</font></a></DIV>
</TD>
</TR>
</TBODY>
</TABLE>
</DIV>
</div>
<p>123213213</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>12312321</p>
<p>3123213</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>31232131</p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p>312321</p>
<p> </p>
<p> </p>
<p>321312</p>
<p> </p>
<p> </p>
<p> </p>
<p>321</p>
<p> </p>
</body>
</html>
<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<110) setTimeout(function(){showBox(o)},25);
}
function closeBox(){document.getElementById("rbbox").style.display="none";}
</script>
- 右下角(固定)弹出图层代码
- 右下角弹出层
- 仿新浪右下角弹出层
- 固定层在浏览器的右下角
- js中的定位固定层的位置(弹出层)
- 右下角弹出窗口效果代码
- No 10 · 页面右下角弹出层
- 弹出层(封装代码)
- Web页面右下角弹出窗口示例代码
- 页面右下角弹出的消息提示代码
- Web页面右下角弹出窗口示例代码
- 右下角弹出窗口(C#)
- 弹出层-防抖动(示例代码)
- 弹出层,效果代码
- 弹出层 代码
- DIV弹出层代码
- JS弹出层代码
- js弹出层代码
- 第一篇
- 模运算及其应用
- SQL操作与要求
- ASP.NET 怎么获取客户端的外网IP地址
- VC++6.0 显示行号
- 右下角(固定)弹出图层代码
- JSP取header信息
- 内核进程的堆栈
- JSP内置对象
- servlet初始化方法
- myeclipse注册机(适用于任何版本)
- java 命名规范
- 锐迪科为何选择NASDAQ上市?
- 方法重写