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


Posted in Javascript onFebruary 22, 2016

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

Javascript 相关文章推荐
javascript基础的动画教程,直观易懂
Jan 10 Javascript
js操作时间(年-月-日 时-分-秒 星期几)
Jun 20 Javascript
jQuery 对Select的操作备忘记录
Jul 04 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
jQuery fadeOut 异步实例代码详解
Aug 18 Javascript
使用Angular.js开发的注意事项
Oct 19 Javascript
Vue2组件tree实现无限级树形菜单
Mar 29 Javascript
Angular数据绑定机制原理
Apr 17 Javascript
vue.js购物车添加商品组件的方法
Sep 17 Javascript
mpvue实现小程序签到金币掉落动画(api实现)
Oct 17 Javascript
JS面向对象编程基础篇(二) 封装操作实例详解
Mar 03 Javascript
微信小程序实现加入购物车滑动轨迹
Nov 18 Javascript
JavaScript function函数种类详解
Feb 22 #Javascript
JavaScript+html5 canvas实现图片破碎重组动画特效
Feb 22 #Javascript
jQuery获取字符串中出现最多的数
Feb 22 #Javascript
jQuery基于muipicker实现仿ios时间选择
Feb 22 #Javascript
简单谈谈javascript中this的隐式绑定
Feb 22 #Javascript
javascript实现一个简单的弹出窗
Feb 22 #Javascript
Js的Array数组对象详解
Feb 22 #Javascript
You might like
如何跨站抓取别的站点的页面的补充
2006/10/09 PHP
如何在PHP中进行身份认证
2006/10/09 PHP
PHP 配置open_basedir 让各虚拟站点独立运行
2009/11/12 PHP
PHP 批量更新网页内容实现代码
2010/01/05 PHP
php操作xml
2013/10/27 PHP
php+ajax实时刷新简单实例
2015/02/25 PHP
php实现zip文件解压操作
2015/11/03 PHP
jquery validation验证身份证号,护照,电话号码,email(实例代码)
2013/11/06 Javascript
IE浏览器中图片onload事件无效的解决方法
2014/04/29 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
jQuery中的ajax async同步和异步详解
2015/09/29 Javascript
三分钟带你玩转jQuery.noConflict()
2016/02/15 Javascript
值得分享和收藏的Bootstrap学习教程
2016/05/12 Javascript
Angular工具方法学习
2016/12/26 Javascript
js提取中文拼音首字母的封装工具类
2018/03/12 Javascript
Node.js创建HTTP文件服务器的使用示例
2018/05/11 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
vue过滤器用法实例分析
2019/03/15 Javascript
15个简单的JS编码标准让你的代码更整洁(小结)
2020/07/16 Javascript
[04:15]DOTA2-DPC中国联赛1月19日Recap集锦
2021/03/11 DOTA
使用python实现扫描端口示例
2014/03/29 Python
Python3中多线程编程的队列运作示例
2015/04/16 Python
关于python的list相关知识(推荐)
2017/08/30 Python
python 删除指定时间间隔之前的文件实例
2018/04/24 Python
python验证码识别教程之利用滴水算法分割图片
2018/06/05 Python
浅析python中的迭代与迭代对象
2018/10/08 Python
pandas实现DataFrame显示最大行列,不省略显示实例
2019/12/26 Python
欧洲最古老的鞋厂:Peter Kaiser
2019/11/05 全球购物
高校教师思想汇报
2014/01/11 职场文书
企业车辆管理制度
2014/01/24 职场文书
安全口号大全
2014/06/21 职场文书
禁止酒驾标语
2014/06/25 职场文书
中文专业自荐书
2014/06/29 职场文书
幼儿园小班见习报告
2014/10/31 职场文书
机关单位2016年创先争优活动总结
2016/04/05 职场文书
Win10玩csgo闪退如何解决?Win10玩csgo闪退的解决方法
2022/07/23 数码科技