AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > JavaScript

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

51自学网 http://www.wanshiok.com
jquery弹出对话框,jquery弹出对话框特效

这是一款基于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("wanshiok.com", www.wanshiok.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实现带动画效果超炫酷的弹出对话框(附源码下载),希望对大家有所帮助!


jquery弹出对话框,jquery弹出对话框特效  
上一篇:全面解析Bootstrap布局组件应用  下一篇:JavaScript function函数种类详解