博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
jq封装Prompt吐司,默认两秒淡去
阅读量:4949 次
发布时间:2019-06-11

本文共 728 字,大约阅读时间需要 2 分钟。

commonPrompt=function(message){
        //创建prompt框样式
        var type="width:60%;padding:5px;line-height:20px; border-radius:15px;background-color:#6c6c6c; color:#fff; text-align:center;font-size:.8em; top:65%;opacity:0;position:fixed;left:20%;z-index:1003;";
        //创建prompt框
        var h=$("<div style='"+type+"' id='e_ui_prompt'>"+message+"</div>");
        $('body').append(h);
        //改变透明度
        var i=0;
        var t=setInterval(function(){
            i=i+0.1;
            if(i>=1){
                clearInterval(t);
                i=0;
            }else{
                $(h).css('opacity',i);
            }
        },80);
        //2秒后消失
        setTimeout(function(){
            var j=$(h).css('opacity');
            var ti=setInterval(function(){
                j=j-0.1;
                if(j<=0){
                    clearInterval(ti);
                    $(h).remove();
                }else{
                    $(h).css('opacity',j);
                }
            },80);
        },2000);
    };

转载于:https://www.cnblogs.com/sakura-lifangfang/p/9634022.html

你可能感兴趣的文章
wtforms 简单使用
查看>>
flume介绍
查看>>
eclipse优化总结
查看>>
java异常处理
查看>>
【操作系统】主存空间的分配和回收
查看>>
JZOJ 4.1 B组 俄罗斯方块
查看>>
HDU6409 没有兄弟的舞会
查看>>
2018 Multi-University Training Contest 10 - TeaTree
查看>>
HDU6205 card card card
查看>>
2018 Multi-University Training Contest 10 - Count
查看>>
HDU6198 number number number
查看>>
HDU6438 Buy and Resell
查看>>
HDU6446 Tree and Permutation
查看>>
HDU6201 transaction transaction transaction
查看>>
HDU6203 ping ping ping
查看>>
前端小笔记
查看>>
《人人都是产品经理》书籍目录
查看>>
Netsharp系列文章目录结构
查看>>
如何在git bash中运行mysql
查看>>
OO第三阶段总结
查看>>