编程 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系列（15）函数（Functions）

Apr 12 Javascript

javascript向flash swf文件传递参数值注意细节

Dec 11 Javascript

intro.js 页面引导简单用法分享

Aug 06 Javascript

微信小程序教程之模板

Oct 18 Javascript

浅谈javascript中的三种弹窗

Oct 21 Javascript

JavaScript中校验银行卡号的实现代码

Dec 19 Javascript

详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现

Mar 11 Javascript

JavaScript数据结构之二叉树的查找算法示例

Apr 13 Javascript

Vue入门学习笔记【基本概念、对象、过滤器、指令等】

Apr 13 Javascript

vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)

Jun 04 Javascript

layui自定义插件citySelect实现省市区三级联动选择

Jul 26 Javascript

vue 计算属性和侦听器的使用小结

Jan 25 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防止post重复提交数据的简单例子

2014/06/07 PHP

php获取从html表单传递数组的方法

2015/03/20 PHP

使用 PHPStorm 开发 Laravel

2015/03/24 PHP

php通过获取头信息判断图片类型的方法

2015/06/26 PHP

PHP连接MYSQL数据库实例代码

2016/01/20 PHP

php实现博客，论坛图片防盗链的方法

2016/10/15 PHP

php 可变函数使用小结

2018/06/12 PHP

用函数式编程技术编写优美的 JavaScript

2006/11/25 Javascript

jQuery操作元素css样式的三种方法

2014/06/04 Javascript

浅析javascript 定时器

2014/12/23 Javascript

Extjs让combobox写起来简洁又漂亮

2017/01/05 Javascript

bootstrap modal+gridview实现弹出框效果

2017/08/15 Javascript

js数组方法reduce经典用法代码分享

2018/01/07 Javascript

Angular路由ui-router配置详解

2018/08/01 Javascript

js实现上下左右键盘控制div移动

2020/01/16 Javascript

jquery检测上传文件大小示例

2020/04/26 jQuery

vue集成一个支持图片缩放拖拽的富文本编辑器

2021/01/29 Vue.js

[01:18:45]DOTA2-DPC中国联赛正赛 DLG vs Dragon BO3 第三场2月1日

2021/03/11 DOTA

python中__call__方法示例分析

2014/10/11 Python

python smtplib模块自动收发邮件功能（二）

2018/05/22 Python

matplotlib.pyplot画图图片的二进制流的获取方法

2018/05/24 Python

Python3多线程基础知识点

2019/02/19 Python

Keras load_model 导入错误的解决方式

2020/06/09 Python

VSCODE配置Markdown及Markdown基础语法详解

2021/01/19 Python

10分钟理解CSS3 Grid布局

2018/12/20 HTML / CSS

美国知名运动产品零售商：Foot Locker

2016/07/23 全球购物

波兰最大的儿童服装连锁店之一：5.10.15.

2018/02/11 全球购物

程序员跳槽必看面试题总结

2013/06/28 面试题

优秀士兵先进事迹

2014/02/06 职场文书

搞笑征婚广告词

2014/03/17 职场文书

三严三实学习心得体会

2014/10/13 职场文书

爱岗敬业事迹材料

2014/12/24 职场文书

四年级语文教学反思

2016/03/03 职场文书

Java 在线考试云平台的实现

2021/11/23 Java/Android

Python爬虫网络请求之代理服务器和动态Cookies

2022/04/12 Python

php解析非标准json、非规范json的方式实例

2022/05/10 PHP