编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

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

Javascript 相关文章推荐

javascript里的条件判断

Feb 27 Javascript

统一接口：为FireFox添加IE的方法和属性的js代码

Mar 25 Javascript

js实现动态添加、删除行、onkeyup表格求和示例

Aug 18 Javascript

jQuery使用ajaxSubmit()提交表单示例

Apr 04 Javascript

让javascript加载速度倍增的方法(解决JS加载速度慢的问题)

Dec 12 Javascript

AngularJs学习第八篇过滤器filter创建

Jun 08 Javascript

轻松掌握JavaScript享元模式

Aug 27 Javascript

最基础的vue.js双向绑定操作

Aug 23 Javascript

深入理解Angular4订阅(Subscribe)与取消

Nov 22 Javascript

使用layer弹窗和layui表单实现新增功能

Aug 09 Javascript

jQuery创建折叠式菜单

Jun 15 jQuery

浅谈javascript错误处理

Aug 11 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实现mysql事务处理的方法

2014/12/25 PHP

Ubuntu中搭建Nginx、PHP环境最简单的方法

2015/03/05 PHP

PHP socket 模拟POST 请求实例代码

2016/07/18 PHP

Thinkphp 框架基础之源码获取、环境要求与目录结构分析

2020/04/27 PHP

HR vs ForZe BO3 第一场 2.13

2021/03/10 DOTA

JavaScript网页制作特殊效果用随机数

2007/05/22 Javascript

wordpress之js库集合研究介绍

2007/08/17 Javascript

让任务管理器中的CPU跳舞的js代码

2008/11/01 Javascript

Js 时间函数getYear()的使用问题探讨

2013/04/01 Javascript

js中arguments的用法(实例讲解)

2013/11/30 Javascript

jQuery获取iframe的document对象的方法

2014/10/10 Javascript

AngularJS 日期格式化详解

2015/12/23 Javascript

基于jQuery实现表格内容的筛选功能

2016/08/21 Javascript

javascript实现日期三级联动下拉框选择菜单

2020/12/03 Javascript

详解nodejs模板引擎制作

2017/06/14 NodeJs

BootStrap中Table隐藏后显示问题的实现代码

2017/08/31 Javascript

Javascript刷新页面的实例

2017/09/23 Javascript

Vue-Router2.X多种路由实现方式总结

2018/02/09 Javascript

jquery.param()实现数组或对象的序列化方法

2018/10/08 jQuery

nodejs 使用 js 模块的方法实例详解

2018/12/04 NodeJs

使用Vue CLI创建typescript项目的方法

2019/08/09 Javascript

jquery实现垂直手风琴导航栏

2020/02/18 jQuery

基于postman获取动态数据过程详解

2020/09/08 Javascript

解决VueCil代理本地proxytable无效报错404的问题

2020/11/07 Javascript

[55:25]2018DOTA2亚洲邀请赛3月29日小组赛A组 VG VS OG

2018/03/30 DOTA

java直接调用python脚本的例子

2014/02/16 Python

零基础写python爬虫之使用urllib2组件抓取网页内容

2014/11/04 Python

python实现字符串和日期相互转换的方法

2015/05/13 Python

python文件与目录操作实例详解

2016/02/22 Python

Python数据类型之List列表实例详解

2019/05/08 Python

tensorflow实现二维平面模拟三维数据教程

2020/02/11 Python

Django获取model中的字段名和字段的verbose_name方式

2020/05/19 Python

CSS3——齿轮转动关键代码

2013/05/02 HTML / CSS

80后职场人的职业生涯规划

2014/03/08 职场文书

社区志愿者培训方案

2014/06/10 职场文书

Apache Pulsar结合Hudi构建Lakehouse方案分析

2022/03/31 Servers