zoukankan      html  css  js  c++  java
  • js 弹窗并定时关闭

    1.

    $('input').click(function() {
        prompt('点击成功', 2000)
    })
    
    function prompt(newName, time, fn) {
        var $div = $('<div></div>');
        $div.css({
            'position': 'fixed',
            'top': 0,
            'left': 0,
            'width': '100%',
            'height': '100%',
            'z-index': '200',
            'background-color': 'rgba(0,0,0,0.4)',
            // 'background-color':'#000',
        });
        var $contentDiv = $('<div>' + newName + '</div>');
        $contentDiv.css({
            'position': 'absolute',
            'top': '50%',
            'left': '50%',
            'font-size': '25px',
            'padding': '50px 100px',
            'border-radius': '5px',
            'background-color': '#fff',
            'color': '#000'
        });
        $div.append($contentDiv);
        $('body').append($div);
    
        // 获取创建的大小
        var newW = (parseInt($contentDiv.css('width')) + 200) / 2;
        var newH = (parseInt($contentDiv.css('height')) + 100) / 2;
        $contentDiv.css({
            'margin-top': -newH + 'px',
            'margin-left': -newW + 'px',
        })
        setTimeout(function() {
            $div.remove();
            if (fn) {
                fn(); //回调函数    
            }
    
        }, time);
    }
  • 相关阅读:
    操作系统发展和分类
    操作系统绪论
    tomcat启动出现乱码解决方法
    Tomcat安装与卸载
    XML
    注解
    反射机制
    package和import机制
    访问控制权限
    MariaDB 配置远程访问权限
  • 原文地址:https://www.cnblogs.com/jiangfeilong/p/11135190.html
Copyright © 2011-2022 走看看