jQuery扁平对话框插件gDialog

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

 8434  41  查看评论 (5)
jQuery扁平对话框插件gDialog ie兼容9

不支持IE8及以下浏览器。

//alert提示框  
$.gDialog.alert("Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse libero erat, scelerisque sit amet dolor nec, euismod feugiat massa.", {
    title: "Alert Dialog Box",
    animateIn: "bounceIn",
    animateOut: "bounceOut"
  });
});  
//带表单 confirm
$('.demo-2').click(function(){
  $.gDialog.prompt("站长素材", "sc.chinaz.com", {
    title: "Prompt Dialog Box",
    required: true,
    animateIn : "rollIn",
    animateOut: "rollOut"
  });
}); 
//confirm 操作提示
$('.demo-3').click(function(){
  $.gDialog.confirm("Are You Sure?", {
    title: "Confirm Dialog Box",
    animateIn : "bounceInDown",
    animateOut: "bounceOutUp"
  });


相关插件-弹出层,工具提示

各种弹窗alert

jquery弹窗
  弹出层
 18332  51

通用的iframe弹层插件

通用的iframe弹层插件
  弹出层
 13642  29

VenoBox jQuery灯箱插件

VenoBox 又一个响应的jQuery灯箱插件,适用于图片,内嵌的内容, iFrame中,百度地图,谷歌地图, Ajax请求,或是Vimeo和YouTube视频。
  弹出层
 13923  18

jQuery弹出层插件gallery

这是一个图片弹出层
  弹出层
 8623  53

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

    我养的小猫 0
    2017/1/18 10:29:54

    confirm 如何返回boolean值,貌似点取消和确认没返回值怎么判断。。。。。

    回复
    于跃 0
    2017/1/17 16:01:30
    我没有办法修改弹出的内容,比方我想在第三个中添加文本框,我就没办法弄 回复
    Monica-J 0
    2016/12/13 15:12:32
    您好,第二个带有表单提交的弹出框,我想要将输入的值提交到后台怎么弄呢? cancel 和 ok  我想换成中文的,但是并没有找到在哪里更改它们,麻烦您了。 回复
    粗人 0
    2016/10/18 23:10:17
    confirm返回值在哪里。怎么使用回调函数
        尘封的记忆0
        2016/10/28 14:10:56
        onSubmit onCancel
    回复
取消回复