js 提示窗

摘要:
/***@Co.,Ltd.千寻前端*@authors小石头(1348571886@qq.com)*@date2014-12-22*@version4.0*/varjAlert=(function(){this.myalertin=function(text,color,time,fn){vartext=text||'';varcolor=color||'default';vartime=time|
/**
 * @Co.,Ltd.    千寻前端
 * @authors     小石头(1348571886@qq.com)
 * @date        2014-12-22
 * @version     4.0
 */
 var jAlert=(function(){
     this.myalertin=function(text,color,time,fn){
        var text=text||'';
        var color=color||'default';
        var time=time||3000;
        var timer=500;
        var fn=fn||function(){};
        var cover=addJcover();
        cover.prepend('<div class="jbox '+color+'"><div class="jtop"><span class="jtit">u6d88u606fu63d0u793a</span><span class="jclose">&times;</span></div><div class="jtxt">'+text+'</div></div>');
        var box = $('#jcover .jbox')
        box.delay(time).fadeOut(timer,function(){
            //终止动画队列
            $(this).dequeue();
            jRemoveBox($(this),fn);
        });
        box.on('mouseover',function(){
            //清除动画队列
            $(this).clearQueue();
        });
        box.on('mouseout',function(){
            $(this).delay(time).fadeOut(timer,function(){
                jRemoveBox($(this),fn);
            })
        });
        box.find('.jtop,.jtxt').delegate($(this),'click',function(){
            jRemoveBox($(this).closest('.jbox'),fn);
        });
    };
    this.myconfirm=function(text,fn){
        var text=text||'';
        var fn=fn||function(){};
        var timer=300;
        var cover=addJcover();
        cover.append('<div class="jconfirm"><div class="confirm-text">'+text+'</div><div class="confirm-btns"><div class="confirm-btn ensure"><div class="default">u53d6u6d88</div></div><div class="confirm-btn sure"><div class="error">u786eu5b9a</div></div></div></div>');
        $('.confirm-btn').delegate($(this),'click',function(){
            var _this=$(this);
            $(this).closest('.jconfirm').fadeOut(timer,function(){
                jRemoveBox($(this),fn);
                if (_this.hasClass('sure')) {
                    if(fn)fn(true);
                };
            })
        });
    };
    this.myalert=function(_data,_refresh,_fn,_show){
        var data,refresh=false,show='show',fn=function(){};
        $.each(arguments, function(index, val) {
            if (typeof val =='boolean') {
                refresh=val;
            }else if (typeof val=='function') {
                fn=val;
            }else if (typeof val=='object') {
                data=val;
            }else if (typeof val=='string') {
                show=val;
            };
        });
        if (data.status==1) {
            if (show=='hide') {
                fn();
                location.href=data.url;
            }else{
                mysuccess(data.info,function(){
                    fn();
                    if (refresh&&data.url!='') {
                        location.href=data.url;
                    }
                })
            }
        }else if (data.status==0){
            myerror(data.info,function(){
                fn();
            })
        }else{
            myerror('u64cdu4f5cu5931u8d25',function(){
                fn();
            });
        }
    };
    this.jaja=function(_btn,_data,_fn,_type,_url){
        var btn,data,fn=function(){},type='POST',url='';
        if (arguments[0].length==0||arguments.length<2) {
            return false;
        }
        btn=arguments[0];
        url=btn.data('action');
        
        $.each(arguments, function(index, val) {
            if (val instanceofjQuery) {
                btn=val;
                data=btn.closest('form').serialize();
                url=btn.data('action');
            }else if ((typeof val=='object') && !(val instanceofjQuery)) {
                data=val;
            }else if (typeof val=='function') {
                fn=val;
            }else if ((typeof val=='string') && (val=='GET'||val=='POST')){
                type=val;
            }else if ((typeof val=='string') && (///g.test(val.toString())) ) {
                url=val;
            };
        });
        if(type=='GET' && btn.closest('form').length==0){
            data='';
        }
        var html=btn.html();
        btn.prop('disabled', true).html('u8bf7u7a0du7b49u002eu002eu002e');
        $.ajax({
            url:url,
            type: type,
            data:data,
            error:function(e){
                btn.prop('disabled', false).html(html);
                e.info='u64cdu4f5cu5931u8d25';
                fn(e);
            },
            success:function(data){
                btn.prop('disabled', false).html(html);
                fn(data);
            }
        });
    };
    this.mysuccess=function(t,f){myalertin(t,'success',2000,f)};
    this.myerror=function(t,f){myalertin(t,'error',2000,f)};
    this.mywarning=function(t,f){myalertin(t,'warning',2000,f)};
    this.myinfo=function(t,f){myalertin(t,'info',2000,f)};
    this.myprimary=function(t,f){myalertin(t,'primary',2000,f)};
    this.mydefault=function(t,f){myalertin(t,'',2000,f)};
    this.jStyle={
        error:'#DA2F2F',
    };
    this.addJcover=function(){
         $('#jcover').length==0?$('body').append('<div id="jcover"></div>'):0;
         return $('#jcover');
     };
     this.jRemoveBox=function(box,fn){
        box.remove();
        if (!$('#jcover').children().length) {
            $('#jcover').remove();
        }
        if(fn)fn();
    };
    this.alertStyle=(function(){
        $('head').append('<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"><meta name="renderer" content="webkit"><style type="text/css">#jcover{position:fixed;z-index:9999;top:25%;left:50%;margin-left:-180px;360px;font-family:"Microsoft yahei";word-wrap:break-word;}#jcover .jbox,#jcover .jconfirm{border-radius:2px;100%;background:#e4e4e4;margin:0 auto 5px auto;color:#555}#jcover .jtop{height:40px;line-height:50px;100%;padding-bottom:10px}#jcover .jtit{font-size:12px;height:40px;display:inline-block;line-height:40px;padding-left:20px;}#jcover .jclose{border-radius:2px;font-size:30px;position:absolute;right:0;right:0;top:0;background-color:rgba(0,0,0,0.1);cursor:pointer;height:40px;40px;line-height:40px;text-align:center;font-family:Simsun}@media (max-361px){#jcover {100%;left:0;margin-left:0}}#jcover .jtxt{font-size:16px;line-height:24px;padding:10px 20px 20px 20px;}#jcover .success,#jcover .error,#jcover .warning,#jcover .info,#jcover .primary{color:#fff}#jcover .success{background:#5CB85C}#jcover .error{background:#c00}#jcover .warning{background:#FFA028}#jcover .info{background:#5BC0DE}#jcover .primary{background:#428BCA}#jcover .default{background:#fff}#jcover .confirm-text{font-size:16px;padding:20px 10px;color:#c00}.confirm-btns{padding:20px 10px;}#jcover .confirm-btn{text-align:center;48%;display:inline-block;}#jcover .confirm-btn div{border-radius:3px;padding:10px;cursor:pointer;}#jcover .confirm-btn.sure{float:right;}</style>');
    })();
    return this;
})(jAlert);window.jAlert=jAlert;

js 提示窗第1张

免责声明:文章转载自《js 提示窗》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇可搜索的下拉框jsp添加背景音乐下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

bootstrap-table 基础用法

1.需要添加的引用。 <script src="http://t.zoukankan.com/@Url.Content("~/js/jquery-2.1.1.js")"></script>    <script src="http://t.zoukankan.com/@Url.Content("~/js/bo...

jquery和js的几种页面加载函数的方法以及执行顺序

参考博客:http://www.cnblogs.com/itslives-com/p/4646790.html        https://www.cnblogs.com/james641/p/7838373.html 执行顺序:A>B>C>D>E $(function() { alert("A"); }); $(doc...

百度地图-js-图标标注不显示---已解决

一个小图,一个大图,走的逻辑都一样 小图不显示图标,大图可以显示 找到原因了,代码问题,我强行设置了旋转角度 if(points[listLast].direction!=0){$('.BMap_Marker img').rotate(points[listLast].direction);}  此处会影响,去掉了 还有var myEndIcon =...

js Base64与字符串互转

1、base64加密 在页面中引入base64.js文件,调用方法为: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>base64加密</title> <script type="text/jav...

js中不同值的替换

function(button, e) { debugger; // 中断调试指令,可以手动删除它 var me = this, //this为列表视图控制器 viewModel = me.getViewModel(),...

js读取解析JSON类型数据(转)

谢谢博主,转自http://blog.csdn.net/beyond0851/article/details/9285771 一、什么是JSON? JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式,采用完全独立于语言的文本格式, 是理想的数据交换格式,同时,JSON是 JavaScript 原生格式。 非常适合于...