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

 更新时间:2013年05月15日 17:46:36   作者:  
此Jquery特效是一款Jquery+CSS3实现简洁大气带滑动效果的弹出层,在消息提示、弹出层显示内容、弹出层登录等,带遮罩效果,感兴趣的朋友可以参考下哈,希望可以帮助到你
此Jquery特效是一款Jquery+CSS3实现简洁大气带滑动效果的弹出层,应用范围很广泛,比如用在消息提示、弹出层显示内容、弹出层登录等,带遮罩效果,虽然没有封装成插件,但使用起来也非常简单,宽度和高度直接调样式。

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

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

效果如下:

在线演示

相关文章

  • jquery复选框多选赋值给文本框的方法

    jquery复选框多选赋值给文本框的方法

    这篇文章主要介绍了jquery复选框多选赋值给文本框的方法,涉及jQuery相关选择器的使用技巧,需要的朋友可以参考下
    2015-01-01
  • 谈谈Jquery ajax中success和complete有哪些不同点

    谈谈Jquery ajax中success和complete有哪些不同点

    jquery ajax中success和complete有哪些不同点呢?大家都了解吗,接下来通过本篇文章给大家介绍jquery ajax中success和complete的不同点,感兴趣的朋友一起学习吧
    2015-11-11
  • Jquery 选中表格一列并对表格排序实现原理

    Jquery 选中表格一列并对表格排序实现原理

    该实现的主要思想是:获取鼠标点击的表头单元格的列号,遍历数据行,获取每个<tr>中的html,同时获取每个<tr>标签下对应获取到的列号的<td>标签中的内容,并取得<th>标签的type属性值,需要的朋友可以了解下
    2012-12-12
  • jquery实现多级下拉菜单的实例代码

    jquery实现多级下拉菜单的实例代码

    多级菜单,理论上支持无限多的层级,文件结构非常简单的,以下是完整代码,有需要的朋友可以参考一下
    2013-10-10
  • 深入理解jQuery.data() 的实现方式

    深入理解jQuery.data() 的实现方式

    本篇文章主要介绍了jQuery.data() 的实现方式,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-11-11
  • jquery实现的代替传统checkbox样式插件

    jquery实现的代替传统checkbox样式插件

    这篇文章主要介绍了jquery实现的代替传统checkbox样式插件,可实现滑动选择的效果,需要的朋友可以参考下
    2015-06-06
  • jQuery插件StickUp实现网页导航置顶

    jQuery插件StickUp实现网页导航置顶

    本文给大家介绍的是一款jQuery插件--StickUp,他的主要用途是实现网页元素固定,如导航固定让其总是保持在视图中可见,效果非常不错,这里推荐给小伙伴们。
    2015-04-04
  • jQuery实现发送验证码并60秒倒计时功能

    jQuery实现发送验证码并60秒倒计时功能

    这篇文章主要介绍了jQuery实现发送验证码并60秒倒计时功能,非常不错,代码简单易懂,需要的朋友参考下吧
    2016-11-11
  • jquery实现简单的无缝滚动

    jquery实现简单的无缝滚动

    这里给大家分享的是使用jQuery实现简单的无缝滚动的效果,其思路是我们通过js控制 ul 标签的margin 来实现滚动。横向滚动则是控制 margin-left ; 纵向滚动则是控制 margin-top;,有需要的小伙伴可以参考下。
    2015-04-04
  • jQuery 使用手册(六)

    jQuery 使用手册(六)

    jQuery 使用手册,大家可以耐心的看完,就基本上入门了。
    2009-09-09

最新评论