Jquery+CSS3实现一款简洁大气带滑动效果的弹出层


Posted in Javascript onMay 15, 2013

此Jquery特效是一款Jquery+CSS3实现简洁大气带滑动效果的弹出层,应用范围很广泛,比如用在消息提示、弹出层显示内容、弹出层登录等,带遮罩效果,虽然没有封装成插件,但使用起来也非常简单,宽度和高度直接调样式。

包含了以下功能
1、弹出层
2、带关闭按钮
3、遮罩层效果
4、从上向下滑动显示
5、点击层外面任何地方关闭
6、绑定控制按钮
7、内容过多自动显示滚动条

如果不满足大家的要求,自己可以二次开发哦

效果如下:
Jquery+CSS3实现一款简洁大气带滑动效果的弹出层
在线演示

Javascript 相关文章推荐
深入理解JavaScript系列(15) 函数(Functions)
Apr 12 Javascript
javascript向flash swf文件传递参数值注意细节
Dec 11 Javascript
intro.js 页面引导简单用法 分享
Aug 06 Javascript
微信小程序 教程之模板
Oct 18 Javascript
浅谈javascript中的三种弹窗
Oct 21 Javascript
JavaScript中校验银行卡号的实现代码
Dec 19 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
JavaScript数据结构之二叉树的查找算法示例
Apr 13 Javascript
Vue入门学习笔记【基本概念、对象、过滤器、指令等】
Apr 13 Javascript
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
Jun 04 Javascript
layui自定义插件citySelect实现省市区三级联动选择
Jul 26 Javascript
vue 计算属性和侦听器的使用小结
Jan 25 Vue.js
jQuery bxCarousel实现图片滚动切换效果示例代码
May 15 #Javascript
JQuery中关于jquery.js与jquery.min.js的比较探讨
May 15 #Javascript
JQuery的AJAX实现文件下载的小例子
May 15 #Javascript
js 获取屏幕各种宽高的方法(浏览器兼容)
May 15 #Javascript
url参数中有+、空格、=、%、&、#等特殊符号的问题解决
May 15 #Javascript
js判断FCKeditor内容是否为空的两种形式
May 14 #Javascript
JQuery for与each性能比较分析
May 14 #Javascript
You might like
PHP防止post重复提交数据的简单例子
2014/06/07 PHP
php获取从html表单传递数组的方法
2015/03/20 PHP
使用 PHPStorm 开发 Laravel
2015/03/24 PHP
php通过获取头信息判断图片类型的方法
2015/06/26 PHP
PHP连接MYSQL数据库实例代码
2016/01/20 PHP
php实现博客,论坛图片防盗链的方法
2016/10/15 PHP
php 可变函数使用小结
2018/06/12 PHP
用函数式编程技术编写优美的 JavaScript
2006/11/25 Javascript
jQuery操作元素css样式的三种方法
2014/06/04 Javascript
浅析javascript 定时器
2014/12/23 Javascript
Extjs让combobox写起来简洁又漂亮
2017/01/05 Javascript
bootstrap modal+gridview实现弹出框效果
2017/08/15 Javascript
js数组方法reduce经典用法代码分享
2018/01/07 Javascript
Angular路由ui-router配置详解
2018/08/01 Javascript
js实现上下左右键盘控制div移动
2020/01/16 Javascript
jquery检测上传文件大小示例
2020/04/26 jQuery
vue集成一个支持图片缩放拖拽的富文本编辑器
2021/01/29 Vue.js
[01:18:45]DOTA2-DPC中国联赛 正赛 DLG vs Dragon BO3 第三场2月1日
2021/03/11 DOTA
python中__call__方法示例分析
2014/10/11 Python
python smtplib模块自动收发邮件功能(二)
2018/05/22 Python
matplotlib.pyplot画图 图片的二进制流的获取方法
2018/05/24 Python
Python3多线程基础知识点
2019/02/19 Python
Keras load_model 导入错误的解决方式
2020/06/09 Python
VSCODE配置Markdown及Markdown基础语法详解
2021/01/19 Python
10分钟理解CSS3 Grid布局
2018/12/20 HTML / CSS
美国知名运动产品零售商:Foot Locker
2016/07/23 全球购物
波兰最大的儿童服装连锁店之一:5.10.15.
2018/02/11 全球购物
程序员跳槽必看面试题总结
2013/06/28 面试题
优秀士兵先进事迹
2014/02/06 职场文书
搞笑征婚广告词
2014/03/17 职场文书
三严三实学习心得体会
2014/10/13 职场文书
爱岗敬业事迹材料
2014/12/24 职场文书
四年级语文教学反思
2016/03/03 职场文书
Java 在线考试云平台的实现
2021/11/23 Java/Android
Python爬虫网络请求之代理服务器和动态Cookies
2022/04/12 Python
php解析非标准json、非规范json的方式实例
2022/05/10 PHP