网页右下角弹出框,记录一下
2013-01-06 16:39
176 查看
<div id="scrollbox" style="position:absolute;bottom:5px;right:5px;border:1px solid #45BBF3; height:150px;width:260px;overflow:hidden;background:#fff;z-index:10001">
<div style="border:1px solid #45BBF3;background:#45BBF3; width:95%;height:12px;color:#fff;padding:10px;">
<div style="float:left;font-weight:bold;font-size:15px">PowerCDN友情提示</div>
<div style="float:right;font-weight:bold;font-size:13px;margin-right:10px;cursor:pointer" onclick="hidescrollbox()">X</div>
</div>
<div style="background:#fff;padding:10px;font-size:14px;"> 北京时间2013年1月7日凌晨2点至3点,由于我公司系统维护,在此期间CDN所有用户管理后台将暂停使用,特此通知,给您带来不便我们深表歉意,敬请谅解!</div>
</div>
<script type="text/javascript">
window.onscroll = function(){
var o = document.getElementById("scrollbox");
if(o){
scrollbox(o);
}
}
function scrollbox(o){
var scrolltop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
var winheight = document.documentElement.clientHeight;
o.style.top = (scrolltop + winheight-155)+"px";
}
function hidescrollbox(){
var o = document.getElementById("scrollbox").style.display="none";
}
</script>
<div style="border:1px solid #45BBF3;background:#45BBF3; width:95%;height:12px;color:#fff;padding:10px;">
<div style="float:left;font-weight:bold;font-size:15px">PowerCDN友情提示</div>
<div style="float:right;font-weight:bold;font-size:13px;margin-right:10px;cursor:pointer" onclick="hidescrollbox()">X</div>
</div>
<div style="background:#fff;padding:10px;font-size:14px;"> 北京时间2013年1月7日凌晨2点至3点,由于我公司系统维护,在此期间CDN所有用户管理后台将暂停使用,特此通知,给您带来不便我们深表歉意,敬请谅解!</div>
</div>
<script type="text/javascript">
window.onscroll = function(){
var o = document.getElementById("scrollbox");
if(o){
scrollbox(o);
}
}
function scrollbox(o){
var scrolltop = document.documentElement.scrollTop || window.pageYOffset || document.body.scrollTop;
var winheight = document.documentElement.clientHeight;
o.style.top = (scrolltop + winheight-155)+"px";
}
function hidescrollbox(){
var o = document.getElementById("scrollbox").style.display="none";
}
</script>
相关文章推荐
- 嵌入另一个网页 [转载]也是在自己的blog中记录一下,方便查询。
- 自定义底部弹出Dialog(老掉牙的需求还是记录一下吧)
- 微网页开发弹出“非微信官方网页 转换为手机预览模式”原因记录
- 记录一下discuz3.3+微信OAuth2.0网页授权过程
- 今天看的网页,记录一下
- 记录一下:chrome上,把网页保存为文件的插件
- [VB.NET]我打开网页的时候会弹出一个安全信息,然后出现:本页包含安全能容和不安全内容,是否显示不安全内容”请达人指教一下怎么删除这个提示
- 记录一下:弹出DIV层代替弹出窗口
- 解决“确实允许此网页访问剪贴板吗?”弹出框
- 解决Windows Server2008 R2中IE开网页时弹出阻止框
- 网页右下方弹出提示框
- 记录一下今儿的java笔试题编程
- 自建网页项目-蚁族财富网-记录24
- 注册一个月了,一直没有来,今天开始决定记录一下自己的所见所学所感!
- 记录一下手上项目编写过程遇到的坑
- 在原有网页上弹出一个子窗口并且实现半透明背景,原网页的滚动效果失效
- [导入]WebbUpload测试的输入记录,用来安慰一下自己!!
- 记录一下连接各种数据库的url,备忘。
- 记录一下ajax的内容
- 记录一下MD5和RSA的加密程序