编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

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

Javascript 相关文章推荐

用jquery ajax获取网站Alexa排名的代码

Dec 12 Javascript

JQuery UI DatePicker中z-index默认为1的解决办法

Sep 28 Javascript

js下判断 iframe 是否加载完成的完美方法

Oct 26 Javascript

新鲜出炉的js tips提示效果

Apr 03 Javascript

浅析Javascript使用include/require

Nov 13 Javascript

javascript放大镜效果的简单实现

Dec 09 Javascript

jquery+php实现滚动的数字特效

Nov 29 Javascript

JS匿名函数和匿名自执行函数概念与用法分析

Mar 16 Javascript

详解Angular中通过$location获取地址栏的参数

Aug 02 Javascript

解决Antd Table表头加Icon和气泡提示的坑

Nov 17 Javascript

浅谈es6中的元编程

Dec 01 Javascript

javascript实现滚轮轮播图片

Dec 13 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

怎么使 Mysql 数据同步

2006/10/09 PHP

第七节--类的静态成员

2006/11/16 PHP

PHP清除缓存的几种方法总结

2017/09/12 PHP

php连接sftp的作用以及实例代码

2019/09/23 PHP

通过JAVAScript实现页面自适应

2007/01/19 Javascript

Document对象内容集合(比较全)

2010/09/06 Javascript

jquery验证表单中的单选与多选实例

2013/08/18 Javascript

JavaScript实现将xml转换成html table表格的方法

2015/04/17 Javascript

JAVA四种基本排序方法实例总结

2015/07/24 Javascript

Angular实现跨域(搜索框的下拉列表)

2017/02/16 Javascript

angularjs之$timeout指令详解

2017/06/13 Javascript

Angular.js中$resource高大上的数据交互详解

2017/07/30 Javascript

阿里大于短信验证码node koa2的实现代码(最新)

2017/09/07 Javascript

详解基于Node.js的HTTP/2 Server实践

2018/05/31 Javascript

使用Vue-cli 3.0搭建Vue项目的方法

2018/06/07 Javascript

详解如何运行vue项目

2019/04/15 Javascript

js实现跳一跳小游戏

2020/07/31 Javascript

[27:53]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS iG

2014/05/26 DOTA

比较详细Python正则表达式操作指南(re使用)

2008/09/06 Python

详解Python中的__init__和__new__

2014/03/12 Python

python模拟登陆阿里妈妈生成商品推广链接

2014/04/03 Python

Python实现图片转字符画的示例

2017/08/22 Python

Python使用django框架实现多人在线匿名聊天的小程序

2017/11/29 Python

Python的地形三维可视化Matplotlib和gdal使用实例

2017/12/09 Python

Python 调用 zabbix api的方法示例

2019/01/06 Python

详解python实现数据归一化处理的方式：（0,1）标准化

2019/07/17 Python

Python读写csv文件流程及异常解决

2020/10/20 Python

解决PDF 转图片时丢文字的一种可能方式

2021/03/04 Python

香港最新科技与优质家居产品购物网站：J SELECT

2018/08/21 全球购物

财务会计专业推荐信

2013/11/30 职场文书

工商企业管理实习自我鉴定

2013/12/04 职场文书

化工专业求职信

2014/07/01 职场文书

集体生日活动方案

2014/08/18 职场文书

单位介绍信格式

2015/01/31 职场文书

vue使用节流函数的踩坑实例指南

2021/05/20 Vue.js

一文搞懂Java中的注解和反射

2022/06/21 Java/Android