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>

  • 相关阅读:
    Java中时间方法大全(持续更新)
    Set集合转换为List集合
    Maven配置【详细】
    maven配置环境变量
    idea中创建Java类时,自动在文件头中添加作者和创建时间
    linux下怎样在某个文件里面查找一个字符串?
    执行docker一系列命令失败
    如何在服务器上搭建SVN
    本地拉取服务器上的项目,SVN 由于目标计算机积极拒绝 无法连接失败
    [节选] web项目中使用freemarker [Translated By Nan Lei]
  • 原文地址:https://www.cnblogs.com/tangself/p/1817075.html
Copyright © 2011-2022 走看看