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>

  • 相关阅读:
    解决PowerDesigner中DBMS设置的问题-创建物理模型时DBMS选项为空
    转载 缓存技术Redis在C#中的使用及Redis的封装
    T4模版 mysql
    T4 模版应用类
    在点击run之后,没有显示任何设备,这一般是adb的问题,解决方法是重新启动adb
    webapi 返回不同格式的数据
    使用elk+redis搭建nginx日志分析平台
    [C#]使用WebClient上传文件并同时Post表单数据字段到服务端
    关于AJAX跨域调用ASP.NET MVC或者WebAPI服务的问题及解决方案
    2019.12.09-新闻列表布局代码
  • 原文地址:https://www.cnblogs.com/tangself/p/1817075.html
Copyright © 2011-2022 走看看