编程 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的固定表格头部的代码(IE6,7,8测试通过)

May 18 Javascript

jQuery 1.7.2中getAll方法的疑惑分析

May 23 Javascript

js将long日期格式转换为标准日期格式实现思路

Apr 07 Javascript

JavaScript中return false的用法

Mar 12 Javascript

探讨JavaScript标签位置的存放与功能有无关系

Jan 15 Javascript

javascript时间排序算法实现活动秒杀倒计时效果

Jan 28 Javascript

js HTML5 Canvas绘制转盘抽奖

Sep 13 Javascript

js实现tab选项卡切换功能

Jan 13 Javascript

vue Element-ui input 远程搜索与修改建议显示模版的示例代码

Oct 19 Javascript

在vue项目创建的后初始化首次使用stylus安装方法分享

Jan 25 Javascript

Vue使用vue-recoure + http-proxy-middleware + vuex配合promise实现基本的跨域请求封装

Oct 21 Javascript

vue-cli4.x创建企业级项目的方法步骤

Jun 18 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使用qr生成二维码的示例分享

2014/01/20 PHP

php实现的漂亮分页方法

2014/04/17 PHP

thinkPHP框架中执行事务的方法示例

2018/05/31 PHP

Mac下关于PHP环境和扩展的安装详解

2019/10/17 PHP

使用Git实现Laravel项目的自动化部署

2019/11/24 PHP

javascript 一些用法小结

2009/09/11 Javascript

jQuery拖动图片删除示例

2013/05/10 Javascript

js监听鼠标事件控制textarea输入字符串的个数

2014/09/29 Javascript

详解JavaScript的流程控制语句

2015/11/30 Javascript

JSON遍历方式实例总结

2015/12/07 Javascript

javascript事件的绑定基础实例讲解（34）

2017/02/14 Javascript

jQuery插件jqGrid动态获取列和列字段的方法

2017/03/03 Javascript

xmlplus组件设计系列之按钮（2）

2017/04/26 Javascript

jQuery操作之效果详解

2017/05/19 jQuery

详解vue+vueRouter+webpack的简单实例

2017/06/17 Javascript

python快速查找算法应用实例

2014/09/26 Python

python中sys.argv参数用法实例分析

2015/05/20 Python

python dict 相同key 合并value的实例

2019/01/21 Python

Python生成指定数量的优惠码实操内容

2019/06/18 Python

使用python写的opencv实时监测和解析二维码和条形码

2019/08/14 Python

解决Tensorflow sess.run导致的内存溢出问题

2020/02/05 Python

基于python3实现倒叙字符串

2020/02/18 Python

python中函数返回多个结果的实例方法

2020/12/16 Python

CSS Grid布局教程之什么是网格布局

2014/12/30 HTML / CSS

德国网上宠物店：Zoobio

2018/05/23 全球购物

TIME时代杂志台湾总代理：台时亚洲

2018/10/22 全球购物

大学生入党思想汇报

2014/01/01 职场文书

职业规划书如何设计？

2014/01/09 职场文书

出纳员岗位职责风险

2014/03/06 职场文书

四下基层实施方案

2014/03/28 职场文书

公共机构节能宣传周活动总结

2014/07/09 职场文书

2014年小学少先队工作总结

2014/12/18 职场文书

小学中队活动总结

2015/05/11 职场文书

2019财务毕业实习报告

2019/06/27 职场文书

Python图片处理之图片裁剪教程

2021/05/27 Python

Nginx stream 配置代理(Nginx TCP/UDP 负载均衡)

2021/11/17 Servers