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

<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;">&nbsp;&nbsp;&nbsp;&nbsp;北京时间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>

你可能感兴趣的:(网页右下角弹出框,记录一下)