右下角弹出窗口小示例

来源：互联网发布：数据标记大小怎么设置编辑：程序博客网时间：2024/04/29 02:44

<!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> <title></title> <mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1"> #rbbox { position: absolute; right: 0; bottom: 0; width: 300px; height: 220px; margin-right: 3px; margin-bottom: 3px; border: #6B696B 1px solid; background-color: #EDEDED; } .button { display: inline; float: right; font-size: 12px; cursor: pointer; } </style></head><body> <div id="rbbox"> <div style="background-color: #6B696B; height: 14px; font-weight: bold; color: White; margin-bottom: 5px; padding: 5px;"> <a class="button" onclick="closeBox()">关闭</a> </div> <iframe src="http://www.baidu.com" mce_src="http://www.baidu.com" frameborder="0" height="200" width="300" scrolling="auto"></iframe> </div> <mce:script language="javascript" type="text/javascript"></mce:script></body></html>