编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

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

Javascript 相关文章推荐

node在两个div之间移动,用ztree实现

Mar 06 Javascript

原生js实现数字字母混合验证码的简单实例

Dec 10 Javascript

基于jQuery下拉选择框插件支持单选多选功能代码

Jun 07 Javascript

Bootstrap的popover(弹出框)在append后弹不出(失效)

Feb 27 Javascript

基于node.js之调试器详解

Aug 22 Javascript

详细介绍RxJS在Angular中的应用

Sep 23 Javascript

Vue中使用sass实现换肤功能

Sep 07 Javascript

JavaScript读写二进制数据的方法详解

Sep 09 Javascript

jQuery实现简单的Ajax调用功能示例

Feb 15 jQuery

JavaScript实现的九种排序算法

Mar 04 Javascript

分享8个JavaScript库可更好地处理本地存储

Oct 12 Javascript

element-ui中el-upload多文件一次性上传的实现

Dec 02 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切割页面div内容的实现代码分享

2012/07/31 PHP

PHP APC缓存配置、使用详解

2014/03/06 PHP

php返回相对时间（如：20分钟前，3天前）的方法

2015/04/14 PHP

JavaScript中Array 对象相关的几个方法

2006/12/22 Javascript

Prototype1.5 rc2版指南最后一篇之Position

2007/01/10 Javascript

node.js中的fs.readdir方法使用说明

2014/12/17 Javascript

clipboard.js无需Flash无需依赖任何JS库实现文本复制与剪切

2015/10/10 Javascript

原生JavaScript实现Ajax的方法

2016/04/07 Javascript

浅谈js中几种实用的跨域方法原理详解

2016/12/02 Javascript

React-Native中props具体使用详解

2017/09/04 Javascript

详解使用webpack+electron+reactJs开发windows桌面应用

2019/02/01 Javascript

JS 获取文件后缀，判断文件类型(比如是否为图片格式)

2020/05/09 Javascript

解决echarts数据二次渲染不成功的问题

2020/07/20 Javascript

在Python中os.fork()产生子进程的例子

2019/08/08 Python

PYQT5 vscode联合操作qtdesigner的方法

2020/03/24 Python

python中sort sorted reverse reversed函数的区别说明

2020/05/11 Python

python 制作磁力搜索工具

2021/03/04 Python

英国灯具和灯泡网上商店：Lights.co.uk

2018/02/02 全球购物

FLIR美国官网：热成像, 夜视和红外摄像系统

2018/07/13 全球购物

NFL加拿大官方网上商店：NHLShop.ca

2019/03/12 全球购物

Europcar比利时：租车

2019/08/26 全球购物

什么是跨站脚本攻击

2014/12/11 面试题

试用期转正鉴定评语

2014/01/27 职场文书

主题婚礼策划方案

2014/02/10 职场文书

农村婚礼主持词

2014/03/13 职场文书

《长征》教学反思

2014/04/27 职场文书

机关干部四风问题自查报告及整改措施

2014/10/26 职场文书

后进生评语大全

2015/01/04 职场文书

企业财务人员岗位职责

2015/04/14 职场文书

不服劳动仲裁起诉书

2015/05/20 职场文书

庆七一晚会主持词

2015/06/30 职场文书

环保建议书作文400字

2015/09/14 职场文书

Oracle笔记

2021/04/05 Oracle

python异步的ASGI与Fast Api实现

2021/07/16 Python

解决vue中provide inject的响应式监听

2022/04/19 Vue.js

Go中使用gjson来操作JSON数据的实现

2022/08/14 Golang