编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

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

Javascript 相关文章推荐

use jscript Create a SQL Server database

Jun 16 Javascript

Jquery UI震动效果实现原理及步骤

Feb 04 Javascript

js Select下拉列表框进行多选、移除、交换内容的具体实现方法

Aug 13 Javascript

JQuery中dataGrid设置行的高度示例代码

Jan 03 Javascript

Javascript单元测试框架QUnitjs详细介绍

May 08 Javascript

多种JQuery循环滚动文字图片效果代码

Jun 23 Javascript

js验证手机号、密码、短信验证码代码工具类

Jun 24 Javascript

jQuery插件echarts实现的多折线图效果示例【附demo源码下载】

Mar 04 Javascript

JavaScript实现短信倒计时60s

Oct 09 Javascript

微信小程序Getuserinfo解决方案图解

Aug 24 Javascript

解决vue跨域axios异步通信问题

Apr 17 Javascript

JS出现404错误原理及解决方案

Jul 01 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实现的大文件切割与合并功能示例

2018/04/10 PHP

Thinkphp5.0 框架视图view的比较标签用法分析

2019/10/12 PHP

20款效果非常棒的 jQuery 插件小结分享

2011/11/18 Javascript

js监控IE火狐浏览器关闭、刷新、回退、前进事件

2014/07/23 Javascript

JavaScript基础函数整理汇总

2015/01/30 Javascript

JavaScript监听和禁用浏览器回车事件实例

2015/01/31 Javascript

文字垂直滚动之javascript代码

2015/07/29 Javascript

AngularJs concepts详解及示例代码

2016/09/01 Javascript

详解react-webpack2-热模块替换[HMR]

2017/08/03 Javascript

vue实现留言板todolist功能

2017/08/16 Javascript

js jquery 获取某一元素到浏览器顶端的距离实现方法

2018/09/05 jQuery

解决vuex刷新状态初始化的方法实现

2019/08/15 Javascript

基于Web Audio API实现音频可视化效果

2020/06/12 Javascript

[03:11]完美世界DOTA2联赛PWL DAY8集锦

2020/11/09 DOTA

Python格式化css文件的方法

2015/03/10 Python

python itchat实现微信自动回复的示例代码

2017/08/14 Python

如何修复使用 Python ORM 工具 SQLAlchemy 时的常见陷阱

2019/11/19 Python

python实现飞机大战游戏（pygame版）

2020/10/26 Python

python 如何区分return和yield

2020/09/22 Python

在Ubuntu中安装并配置Pycharm教程的实现方法

2021/01/06 Python

详解如何通过H5（浏览器/WebView/其他）唤起本地app

2017/12/11 HTML / CSS

J2EE是技术还是平台还是框架

2016/08/14 面试题

动物学专业毕业生求职信

2013/10/11 职场文书

大学四年的个人自我评价

2014/01/14 职场文书

违反课堂纪律检讨书

2014/01/19 职场文书

大学生村官演讲稿

2014/04/25 职场文书

预备党员公开承诺书

2014/05/28 职场文书

通信工程求职信

2014/07/16 职场文书

党员目标管理责任书

2014/07/25 职场文书

小学感恩节活动总结

2015/03/24 职场文书

内勤岗位职责范本

2015/04/13 职场文书

复兴之路纪录片观后感

2015/06/02 职场文书

幼儿园六一主持词

2015/06/30 职场文书

董事长致辞

2015/07/29 职场文书

MySQL 视图（View）原理解析

2021/05/19 MySQL

MySQL数据库简介与基本操作

2022/05/30 MySQL