您的位置:首页 > 其它

网页右下角弹出框,记录一下

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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: