编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

jQuery性能优化的38个建议

Mar 04 Javascript

JS组件Form表单验证神器BootstrapValidator

Jan 26 Javascript

使用jquery给新生的th绑定hover事件的实例

Feb 10 Javascript

妙用Angularjs实现表格按指定列排序

Jun 23 Javascript

Angular中封装fancyBox(图片预览)遇到问题小结

Sep 01 Javascript

angular4模块中给标签添加背景图的实现方法

Sep 15 Javascript

angular4中*ngFor不能对返回来的对象进行循环的解决方法

Sep 12 Javascript

angularJs中orderBy筛选以及filter过滤数据的方法

Sep 30 Javascript

JS中创建自定义类型的常用模式总结【工厂模式,构造函数模式,原型模式,动态原型模式等】

Jan 19 Javascript

微信小程序tabBar设置实例解析

Nov 14 Javascript

layui实现显示数据表格、搜索和修改功能示例

Jun 03 Javascript

Vue 打包后相对路径的引用问题

Jun 05 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定义一个参数带有默认值的函数实例分析

2015/03/16 PHP

php解析字符串里所有URL地址的方法

2015/04/03 PHP

php代码调试利器firephp安装与使用方法分析

2018/08/21 PHP

利用javascript移动div层-javascript 拖动层

2009/03/22 Javascript

js修改input的type属性问题探讨

2013/10/12 Javascript

Jquery中Event对象属性小结

2015/02/27 Javascript

jQuery子元素过滤选择器用法示例

2016/09/09 Javascript

JQuery控制DIV的选取实现方法

2016/09/18 Javascript

React教程之Props验证的具体用法（Props Validation）

2017/09/04 Javascript

vue父组件给子组件的组件传值provide inject的方法

2019/10/23 Javascript

js实现自动播放匀速轮播图

2020/02/06 Javascript

vue3.0中友好使用antdv示例详解

2021/01/05 Vue.js

[00:28]DOTA2北京网鱼队选拔赛

2015/04/08 DOTA

python结合opencv实现人脸检测与跟踪

2015/06/08 Python

使用Python对SQLite数据库操作

2017/04/06 Python

Python进程间通信Queue实例解析

2018/01/25 Python

Python实现的json文件读取及中文乱码显示问题解决方法

2018/08/06 Python

使用 Django Highcharts 实现数据可视化过程解析

2019/07/31 Python

python argparser的具体使用

2019/11/10 Python

Django 实现 Websocket 广播、点对点发送消息的代码

2020/06/03 Python

华润集团网上药店：健一网

2016/09/19 全球购物

波兰家具和室内装饰品购物网站：Vivre

2018/04/10 全球购物

Set里的元素是不能重复的，那么用什么方法来区分重复与否呢？

2016/08/18 面试题

结婚典礼证婚词

2014/01/08 职场文书

大学毕业生求职自荐书

2014/06/05 职场文书

上班离岗检讨书

2014/09/10 职场文书

纪念九一八事变演讲稿：忘记意味着背叛

2014/09/14 职场文书

2014国庆节国旗下演讲稿（精选版）

2014/09/26 职场文书

乡镇干部个人整改措施思想汇报

2014/10/10 职场文书

工作失误检讨书（3篇）

2014/10/11 职场文书

2014年度个人工作总结

2014/11/07 职场文书

2015年幼儿园卫生保健工作总结

2015/05/12 职场文书

不同意离婚答辩状

2015/05/22 职场文书

Python趣味实战之手把手教你实现举牌小人生成器

2021/06/07 Python

SpringBoot SpringEL表达式的使用

2021/07/25 Java/Android

使用python求解迷宫问题的三种实现方法

2022/03/17 Python