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


Posted in Javascript onMay 15, 2013

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

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

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

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

Javascript 相关文章推荐
基于jQuery的固定表格头部的代码(IE6,7,8测试通过)
May 18 Javascript
jQuery 1.7.2中getAll方法的疑惑分析
May 23 Javascript
js将long日期格式转换为标准日期格式实现思路
Apr 07 Javascript
JavaScript中return false的用法
Mar 12 Javascript
探讨JavaScript标签位置的存放与功能有无关系
Jan 15 Javascript
javascript时间排序算法实现活动秒杀倒计时效果
Jan 28 Javascript
js HTML5 Canvas绘制转盘抽奖
Sep 13 Javascript
js实现tab选项卡切换功能
Jan 13 Javascript
vue Element-ui input 远程搜索与修改建议显示模版的示例代码
Oct 19 Javascript
在vue项目创建的后初始化首次使用stylus安装方法分享
Jan 25 Javascript
Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装
Oct 21 Javascript
vue-cli4.x创建企业级项目的方法步骤
Jun 18 Javascript
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使用qr生成二维码的示例分享
2014/01/20 PHP
php实现的漂亮分页方法
2014/04/17 PHP
thinkPHP框架中执行事务的方法示例
2018/05/31 PHP
Mac下关于PHP环境和扩展的安装详解
2019/10/17 PHP
使用Git实现Laravel项目的自动化部署
2019/11/24 PHP
javascript 一些用法小结
2009/09/11 Javascript
jQuery拖动图片删除示例
2013/05/10 Javascript
js监听鼠标事件控制textarea输入字符串的个数
2014/09/29 Javascript
详解JavaScript的流程控制语句
2015/11/30 Javascript
JSON遍历方式实例总结
2015/12/07 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
jQuery插件jqGrid动态获取列和列字段的方法
2017/03/03 Javascript
xmlplus组件设计系列之按钮(2)
2017/04/26 Javascript
jQuery操作之效果详解
2017/05/19 jQuery
详解vue+vueRouter+webpack的简单实例
2017/06/17 Javascript
python快速查找算法应用实例
2014/09/26 Python
python中sys.argv参数用法实例分析
2015/05/20 Python
python dict 相同key 合并value的实例
2019/01/21 Python
Python生成指定数量的优惠码实操内容
2019/06/18 Python
使用python写的opencv实时监测和解析二维码和条形码
2019/08/14 Python
解决Tensorflow sess.run导致的内存溢出问题
2020/02/05 Python
基于python3实现倒叙字符串
2020/02/18 Python
python中函数返回多个结果的实例方法
2020/12/16 Python
CSS Grid布局教程之什么是网格布局
2014/12/30 HTML / CSS
德国网上宠物店:Zoobio
2018/05/23 全球购物
TIME时代杂志台湾总代理:台时亚洲
2018/10/22 全球购物
大学生入党思想汇报
2014/01/01 职场文书
职业规划书如何设计?
2014/01/09 职场文书
出纳员岗位职责风险
2014/03/06 职场文书
四下基层实施方案
2014/03/28 职场文书
公共机构节能宣传周活动总结
2014/07/09 职场文书
2014年小学少先队工作总结
2014/12/18 职场文书
小学中队活动总结
2015/05/11 职场文书
2019财务毕业实习报告
2019/06/27 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python
Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)
2021/11/17 Servers