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

yzch6671

1年前发布

029940

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>

声明 1 本站名称：精品资源网
2 本站永久网址：https://www.jpzyw.net
3 本站部分资源来自于网络，分享给大家学习参考，如有侵权，请及时联系站长进行删除处理。
4 本站不对所有资源其观点和其真实性负责。
5 本站一律禁止用户以任何方式发布或转载违背法律法规的相关信息，访客发现请及时向站长举报。

THE END