编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

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

Javascript 相关文章推荐

微博@符号的用户名提示效果。(想@到谁？)

Nov 05 Javascript

javaScript 页面自动加载事件详解

Feb 10 Javascript

如何用javascript计算文本框还能输入多少个字符

Jul 29 Javascript

js实现延时加载Flash的方法

Nov 26 Javascript

Angular的MVC和作用域

Dec 26 Javascript

JavaScript下拉菜单功能实例代码

Mar 01 Javascript

vue组件生命周期详解

Nov 07 Javascript

浅谈针对Vue相同路由不同参数的刷新问题

Sep 29 Javascript

基于node.js实现爬虫的讲解

Feb 18 Javascript

JS使用JSON.parse(),JSON.stringify()实现对对象的深拷贝功能分析

Mar 06 Javascript

javascript实现前端成语点击验证

Jun 24 Javascript

JavaScript实现班级抽签小程序

May 19 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 编程安全性小结

2010/01/08 PHP

POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)

2010/10/12 PHP

PHP把空格、换行符、中文逗号等替换成英文逗号的正则表达式

2014/05/04 PHP

PHP SPL标准库中的常用函数介绍

2015/05/11 PHP

使用JavaScript创建新样式表和新样式规则

2016/06/14 PHP

php插件Xajax使用方法详解

2017/08/31 PHP

JavaScript 学习笔记（十四）正则表达式

2010/01/22 Javascript

jQuery插件Zclip实现完美兼容个浏览器点击复制内容到剪贴板

2015/04/30 Javascript

JavaScript函数的调用以及参数传递

2015/10/21 Javascript

Javascript获取随机数的实现方法

2016/06/22 Javascript

使用JS编写的随机抽取号码的小程序

2017/08/11 Javascript

Vue 组件（component）教程之实现精美的日历方法示例

2018/01/08 Javascript

一看就会的vuex实现登录验证（附案例）

2020/01/09 Javascript

js绘制一条直线并旋转45度

2020/08/21 Javascript

js实现简单的倒计时

2021/01/28 Javascript

[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE

2014/05/22 DOTA

python时间整形转标准格式的示例分享

2014/02/14 Python

python自动安装pip

2014/04/24 Python

零基础学Python（一）Python环境安装

2014/08/20 Python

python获取一组汉字拼音首字母的方法

2015/07/01 Python

python3.5+tesseract+adb实现西瓜视频或头脑王者辅助答题

2018/01/17 Python

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

2019/05/08 Python

详解Django定时任务模块设计与实践

2019/07/24 Python

Python常用编译器原理及特点解析

2020/03/23 Python

利用css3制作3D样式按钮实现代码

2013/03/18 HTML / CSS

CSS3中几个新增加的盒模型属性使用教程

2016/03/01 HTML / CSS

Answear匈牙利：来自全球200多个知名时尚品牌

2017/04/21 全球购物

毕业生教师求职信

2013/10/20 职场文书

学生打架检讨书大全

2014/01/23 职场文书

单位授权委托书范文

2014/08/02 职场文书

文明单位申报材料

2014/12/23 职场文书

初中重阳节活动总结

2015/05/05 职场文书

2015年政教主任工作总结

2015/07/23 职场文书

php 获取音视频时长,PHP 利用getid3 获取音频文件时长等数据

2021/04/01 PHP

MySQL学习必备条件查询数据

2022/03/25 MySQL

MySQL8.0 Undo Tablespace管理详解

2022/06/16 MySQL