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

    <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" οnclick="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>

转载于:https://my.oschina.net/aicoding/blog/100362