编程 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读取中文COOKIE的解决办法

Feb 15 Javascript

JavaScript与函数式编程解释

Apr 27 Javascript

javascript:;与javascript:void(0)使用介绍

Jun 05 Javascript

JavaScript的jQuery库中function的存在和参数问题

Aug 13 Javascript

jQuery插件FusionWidgets实现的Cylinder图效果示例【附demo源码】

Mar 23 jQuery

详解vue组件化开发-vuex状态管理库

Apr 10 Javascript

基于LayUI实现前端分页功能的方法

Jul 22 Javascript

js 原生判断内容区域是否滚动到底部的实例代码

Nov 15 Javascript

深入解析vue 源码目录及构建过程分析

Apr 24 Javascript

vue实现带复选框的树形菜单

May 27 Javascript

Angular6项目打包优化的实现方法

Dec 15 Javascript

通过滑动翻页效果实现和移动端click事件问题

Jan 26 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 身份证号验证函数

2009/05/07 PHP

PHP动态柱状图实现方法

2015/03/30 PHP

分享php邮件管理器源码

2016/01/06 PHP

PHP模板引擎Smarty内建函数详解

2016/04/11 PHP

php基于Redis消息队列实现的消息推送的方法

2018/11/28 PHP

Laravel 读取 config 下的数据方法

2019/10/13 PHP

javascript中局部变量和全局变量的区别详解

2015/02/27 Javascript

JavaScript 经典实例日常收集整理(常用经典)

2016/03/30 Javascript

js select实现省市区联动选择

2020/04/17 Javascript

微信小程序 picker-view 组件详解及简单实例

2017/01/10 Javascript

BootStrap实现文件上传并带有进度条效果

2017/09/11 Javascript

jQuery动态移除与增加onclick属性的方法详解

2018/06/07 jQuery

vue v-for 使用问题整理小结

2019/08/04 Javascript

js实现烟花特效

2020/03/02 Javascript

python批量提交沙箱问题实例

2014/10/08 Python

Python随机生成彩票号码的方法

2015/03/05 Python

python中获得当前目录和上级目录的实现方法

2017/10/12 Python

matplotlib实现热成像图colorbar和极坐标图的方法

2018/12/13 Python

pytorch方法测试——激活函数(ReLU)详解

2020/01/15 Python

详解python os.path.exists判断文件或文件夹是否存在

2020/11/16 Python

详解纯CSS3制作的20种loading动效

2017/07/05 HTML / CSS

Eyeko美国：屡获殊荣的睫毛膏、眼线笔和眉妆

2018/07/05 全球购物

工商学院毕业生个人自我评价

2013/09/19 职场文书

一年级学生评语

2014/04/23 职场文书

生态养殖创业计划书

2014/05/06 职场文书

乡镇防汛工作汇报

2014/10/28 职场文书

2014年后勤工作总结

2014/11/18 职场文书

2014年反洗钱工作总结

2014/11/22 职场文书

幼儿园国庆节活动总结

2015/03/23 职场文书

学雷锋团日活动总结

2015/05/06 职场文书

会议简报格式范文

2015/07/20 职场文书

七年级语文教学反思

2016/03/03 职场文书

基于python实现银行管理系统

2021/04/20 Python

DjangoRestFramework 使用 simpleJWT 登陆认证完整记录

2021/06/22 Python

Redis特殊数据类型HyperLogLog基数统计算法讲解

2022/06/01 Redis

CSS 实现磨砂玻璃(毛玻璃)效果样式

2023/05/21 HTML / CSS