注册 登录 充值会员 退出
网站、APP、小程序等定制开发,联系QQ 1206995177 毕业设计 java源码 PHP源码

充值

jQuery动画弹出效果对话框插件gDialog

作者/代码整理:  (源码已亲测,不会安装的可以向QQ1915635791要安装视频教程) 发布日期:2022-11-13
jQuery动画弹出效果对话框插件gDialog
gDialog是一款扁平样式风格带有动画弹出效果的jQuery对话框插件,jQuery对话框代码,适用于移动端,并平滑兼容IE浏览器,配合animate.css能实现许多炫酷的效果。


js代码

<script src="src/jquery.gDialog.js"></script>
<script>
$('.demo-1').click(function(){
  $.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"
  });
});  
$('.demo-2').click(function(){
  $.gDialog.prompt("懒人素材", "www.lanrenzhijia.com", {
    title: "Prompt Dialog Box",
    required: true,
	animateIn : "rollIn",
    animateOut: "rollOut"
  });
}); 
$('.demo-3').click(function(){
  $.gDialog.confirm("Are You Sure?", {
    title: "Confirm Dialog Box",
	animateIn : "bounceInDown",
    animateOut: "bounceOutUp"
  });
});                         
</script>