编程 Javascript

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

Posted in Javascript onMay 15, 2013

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

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

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

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

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

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

Javascript 相关文章推荐

js检测客户端不是firefox则提示下载

Apr 07 Javascript

让新消息在网页标题闪烁提示的jQuery代码

Nov 04 Javascript

javascript实现json页面分页实例代码

Feb 20 Javascript

javascript常用代码段搜集

Dec 04 Javascript

使用FlexiGrid实现Extjs表格效果方法分享

Dec 16 Javascript

动态加载js的方法汇总

Feb 13 Javascript

js实现头像图片切割缩放及无刷新上传图片的方法

Jul 17 Javascript

微信开发使用picker封装省市区三级联动模板

Oct 28 Javascript

详解vue-cli 脚手架项目-package.json

Jul 04 Javascript

React Native实现进度条弹框的示例代码

Jul 17 Javascript

关于js的三种使用方式（行内js、内部js、外部js）的程序代码

May 05 Javascript

微信小程序的注册页面包含倒计时验证码、获取用户信息

May 22 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

咖啡界又出新概念，无需咖啡豆的分子咖啡

2021/03/03 咖啡文化

php中支持多种编码的中文字符串截取函数!

2007/03/20 PHP

php中的登陆login实例代码

2016/06/20 PHP

jquery.validate分组验证代码

2011/03/17 Javascript

如何让浏览器支持jquery ajax load 前进、后退功能

2014/06/12 Javascript

分享自己用JS做的扫雷小游戏

2016/02/17 Javascript

浅析jquery数组删除指定元素的方法:grep()

2016/05/19 Javascript

jQuery实现限制文本框的输入长度

2017/01/11 Javascript

vue+vux实现移动端文件上传样式

2017/07/28 Javascript

微信小程序实现循环动画效果

2018/07/16 Javascript

chosen实现省市区三级联动

2018/08/16 Javascript

Vue插件打包与发布的方法示例

2018/08/20 Javascript

Vue实现腾讯云点播视频上传功能的实现代码

2020/08/17 Javascript

详解JavaScript中new操作符的解析和实现

2020/09/04 Javascript

详解Vue.js 可拖放文本框组件的使用

2021/03/03 Vue.js

Python运算符重载用法实例分析

2015/06/01 Python

python按时间排序目录下的文件实现方法

2018/10/17 Python

详解python 模拟豆瓣登录（豆瓣6.0）

2019/04/18 Python

python获取地震信息微信实时推送

2019/06/18 Python

python的常见矩阵运算(小结)

2019/08/07 Python

PyCharm第一次安装及使用教程

2020/01/08 Python

Pycharm内置终端及远程SSH工具的使用教程图文详解

2020/03/19 Python

基于Python第三方插件实现西游记章节标注汉语拼音的方法

2020/05/22 Python

Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)

2020/12/07 Python

HTML5拖拽功能实现的拼图游戏

2018/07/31 HTML / CSS

Alexandre Birman美国官网：亚历山大·伯曼

2019/10/30 全球购物

大学生自我鉴定

2013/12/08 职场文书

初中高效课堂实施方案

2014/02/26 职场文书

门店业绩提升方案

2014/06/08 职场文书

防火标语大全

2014/10/06 职场文书

人身损害赔偿协议书格式

2014/11/01 职场文书

2014年政教处工作总结

2014/12/20 职场文书

乡镇科协工作总结2015

2015/05/19 职场文书

西游降魔篇观后感

2015/06/15 职场文书

爱护公物主题班会

2015/08/17 职场文书

浅谈Python协程asyncio

2021/06/20 Python