编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

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

Javascript 相关文章推荐

跨浏览器开发经验总结（三）警惕“IE依赖综合症”

May 13 Javascript

js 纯数字不重复排列的另类方法

Jul 17 Javascript

javascript实现unicode与ASCII相互转换的方法

Dec 10 Javascript

JavaScript登录记住密码操作(超简单代码)

Mar 22 Javascript

Node.js中的http请求客户端示例(request client)

May 04 Javascript

微信小程序搜索组件wxSearch实例详解

Jun 08 Javascript

详解Node.js access_token的获取、存储及更新

Jun 20 Javascript

js CSS3实现卡牌旋转切换效果

Jul 04 Javascript

vue-cli3.0如何使用CDN区分开发、生产、预发布环境

Nov 22 Javascript

vue.js实现只能输入数字的输入框

Oct 19 Javascript

JavaScript 实现拖拽效果组件功能(兼容移动端)

Nov 11 Javascript

Vue 列表页带参数进详情页的操作(router-link)

Nov 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

DC游戏Steam周三特惠《蝙蝠侠》阿卡姆系列平史低

2020/04/09 欧美动漫

PHP加速 eAccelerator配置和使用指南

2009/06/05 PHP

phplock(php进程锁) v1.0 beta1

2009/11/24 PHP

php foreach正序倒序输出示例代码

2014/07/01 PHP

php输出xml必须header的解决方法

2014/10/17 PHP

PHP连接MSSQL时nvarchar字段长度被截断为255的解决方法

2014/12/25 PHP

在win系统安装配置 Memcached for PHP 5.3 图文教程

2015/03/03 PHP

js实现的网页颜色代码表全集

2007/07/17 Javascript

asp javascript 实现关闭窗口时保存数据的办法

2007/11/24 Javascript

javascript 获取元素位置的快速方法 getBoundingClientRect()

2009/11/26 Javascript

jquery怎样实现ajax联动框(一)

2013/03/08 Javascript

js实现最短的XML格式化工具实例

2015/03/12 Javascript

介绍一个简单的JavaScript类框架

2015/06/24 Javascript

BootStrap Table后台分页时前台删除最后一页所有数据refresh刷新后无数据问题

2016/12/28 Javascript

浅谈js-FCC算法Friendly Date Ranges(详解)

2017/04/10 Javascript

利用node.js写一个爬取知乎妹纸图的小爬虫

2017/05/03 Javascript

jQuery实现checkbox的简单操作

2017/11/18 jQuery

Vue组件通信的四种方式汇总

2018/02/08 Javascript

jQuery 改变P标签文本值方法

2018/02/24 jQuery

AngularJS标签页tab选项卡切换功能经典实例详解

2018/05/16 Javascript

详解jQuery中的easyui

2018/09/02 jQuery

在js代码拼接dom对象到页面上的模板总结

2018/10/21 Javascript

微信公众号H5支付接口调用方法

2019/01/10 Javascript

微信小程序自定义联系人弹窗

2020/05/26 Javascript

python通过自定义isnumber函数判断字符串是否为数字的方法

2015/04/23 Python

Python 统计字数的思路详解

2018/05/08 Python

Python线程同步的实现代码

2018/10/03 Python

python钉钉机器人运维脚本监控实例

2019/02/20 Python

HTML5实现自带进度条和滑块滑杆效果

2018/04/17 HTML / CSS

巴西电子产品购物网站：Saldão da Informática

2018/01/09 全球购物

瑞士网球商店：Tennis-Point

2020/03/12 全球购物

优秀老师事迹材料

2014/02/05 职场文书

人资专员岗位职责

2014/04/04 职场文书

献爱心倡议书

2014/04/14 职场文书

综治宣传月活动总结

2014/04/28 职场文书

2016年优秀共产党员先进事迹材料

2016/02/29 职场文书