zoukankan      html  css  js  c++  java
  • 定时出现和消失的层

     <script type="text/javascript">
    <!--
            /*
            message:要显示的消息
            x,y:显示消息框的坐标,默认为左上角
            delay:延迟多长时间消失,-1为永不消失,单位为毫秒
            */
            function feedBackMessage(message, x, y, delay) {
                if (!message) return;
                //只允许百分数或数值参数
                x = /\d{1,2}%|100%|left|right/.test(x) ? x : (parseInt(x) || 0) + "px";
                y = /\d{1,2}%|100%|top|bottom/.test(y) ? y : (parseInt(y) || 0) + "px";
                delay = parseInt(delay) || -1;
                var fdDiv = document.getElementById('show_feedBack_message');
                if (!fdDiv) {
                    var showMessage = document.createElement("<div id='show_feedBack_message' style='z-index:10000;filter:alpha(opacity=100);position:absolute;white-space:nowrap'><img src='/images/loading22.gif'/></div>");
                    document.body.appendChild(showMessage);
                    fdDiv = document.getElementById('show_feedBack_message');
                }

                if (feedBackMessage.timer) { clearInterval(feedBackMessage.timer) }
                fdDiv.innerText = message;
                fdDiv.style.display = "";
                var docWidth = document.documentElement.scrollWidth > document.documentElement.clientWidth ? document.documentElement.scrollWidth : document.documentElement.clientWidth;
                var docHeight = document.documentElement.scrollHeight > document.documentElement.clientHeight ? document.documentElement.scrollHeight : document.documentElement.clientHeight;
                if (/left|right/.test(x)) {
                    x = (x == "left") ? "0px" : (docWidth - fdDiv.offsetWidth) + "px";
                }
                if (/top|bottom/.test(y)) {
                    y = (y == "top") ? "0px" : (docHeight - fdDiv.offsetHeight) + "px";
                }
                fdDiv.style.left = x;
                fdDiv.style.top = y;
                fdDiv.filters.Alpha.Opacity = 100;

                //渐隐效果
                var step = parseInt(delay / 100);
                var alpha = fdDiv.filters.Alpha.Opacity;
                if (delay != -1) {
                    feedBackMessage.timer = setInterval(function() {
                        if (fdDiv.filters.Alpha.Opacity > 0) {
                            fdDiv.filters.Alpha.Opacity--
                        } else {
                            clearInterval(feedBackMessage.timer);
                            fdDiv.style.display = "none"
                        }
                    }, step);
                }
            }
    //-->
    </script>

  • 相关阅读:
    Nginx 日志切割-定时(附数据库数据备份)
    安装Nginx
    系统自适应限流
    黑名名单控制-sentinel
    热点参数的流量控制
    流量控制文档说明
    在Linux中输入命令时打错并按了enter
    配置maven环境
    项目层次展示
    寻找cmd的管理员运行
  • 原文地址:https://www.cnblogs.com/tangself/p/1817075.html
Copyright © 2011-2022 走看看