移动端弹出层插件(原创)

所属分类:UI-工具提示,弹出层

 2049  21  查看评论 (2)
移动端弹出层插件(原创) ie兼容12

以下是调用方法

Dialog.init('测试文字') //默认
Dialog.init('测试文字',2000) //第二个参数时间,2秒后自动关闭
Dialog.init('测试文字',{
   time : 1000,  //自动关闭
   maskClick : false, //点击背景层是否关闭弹层
   mask : false, //是否显示遮罩
   title : '是否删除?', //添加标题
   index : 1,  //设置索引,用于close方法
   addClass : 'bgRed', //追加class
   style : 'color:red', //追加css
   button : { //按钮
       确定 : function(){
           Dialog.init('你点击了确定',1000);
           Dialog.close(this);
       },
       取消 : function(){
           Dialog.init('你点击了取消',1000)
           Dialog.close(this);
       }
   },
   before : function(){
       //this.classList.add('autoWidth')
       //dom创建成功,但未渲染
       console.log('创建成功',this);
   },
   after : function(){
       console.log('关闭成功',this)
   },
   onload : function(){
       console.log('加载成功',this)
   }
});
//关闭
Dialog.close(this); //在内部使用可直接使用this
Dialog.close(1,function(){
   //手动关闭弹层,第一个参数为索引值(配合上面index参数使用);
   //第二个参数为回调
});
相关插件-工具提示,弹出层

jq 提示插件

封装 jq 提示插件 Confirm ,兼容ie811chrome ff
  工具提示
 17343  97

Metro风格的jQuery个性化消息提示插件

介绍一款Metro风格的消息提示框插件,插件是基于jQuery的,不仅拥有Metro哪种简单精巧的UI风格,而且兼容性也还不错。之前分享过一些基于jQuery和CSS3的提示框插件,比如HTML5CSS3弹出提示框,感兴趣的朋友也可以前往关注。
  工具提示
 9483  51

超漂亮的placeholders提示

超漂亮的placeholders提示
  工具提示
 12366  82

按首字母搜索(仿携程)

城市查找按首字母搜索(仿携程)
  工具提示
 16206  120

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    Can't Be Defeated 0
    2018/6/28 14:09:13
    为什么pc上感觉动画开始的时候有一点模糊,但手机上没有模糊
        Function0
        2018/6/28 14:40:36
        PC端浏览器对css3的渲染问题,这个没关系的
    回复
取消回复