基于jQuery实现带动画效果超炫酷的弹出对话框(附源码下载)

<div class="container"><h1>jQuery gDialog Plugin Exampels</h1><button class="btn demo-1">Alert Dialog Box</button><button class="btn demo-2">Prompt Dialog Box</button><button class="btn demo-3">Prompt Dialog Box</button></div><script src="src/jquery.js"></script><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.VeVB.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>