zoukankan      html  css  js  c++  java
  • js 提示窗

    /**
     * @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 instanceof jQuery) {
                    btn=val;
                    data=btn.closest('form').serialize();
                    url=btn.data('action');
                }else if ((typeof val=='object') && !(val instanceof jQuery)) {
                    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;

  • 相关阅读:
    从B树、B+树、B*树谈到R 树
    1.红黑树和自平衡二叉(查找)树区别 2.红黑树与B树的区别
    红黑树 Java实现
    自平衡二叉(查找树/搜索树/排序树) binary search tree
    从零开始: 二叉查找
    深入理解JAVA虚拟机JVM
    java中的变量各占得字节数
    java中new两个对象,在堆中开辟几个对象空间
    Spring面试,IoC和AOP的理解, @Transactional原理及使用
    EasyUI Tabs + Yii2.0实现iframe方式打开页面(解决共用静态文件引入加载的问题)
  • 原文地址:https://www.cnblogs.com/jsoncode/p/4177569.html
Copyright © 2011-2022 走看看