這是一款基于jQuery的彈出對話框插件，這個jQuery對話框插件的最大特點是彈出和關閉都帶有非常炫酷的動畫特效，比如旋轉飛入、上下抖動飛入等。效果圖如下：
html代碼：
<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.survivalescaperooms.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>以上所述是小編給大家介紹的基于jQuery實現帶動畫效果超炫酷的彈出對話框(附源碼下載)，希望對大家有所幫助！
新聞熱點
疑難解答
