人靠衣装,机靠壳装

10种CSS3过渡动画的jquery模态窗口插件

2017-09-12 16:04 发布

00
admin
湖南省 长沙市
  • 粉丝3

  • 关注0

  • 动态2

多种CSS3过渡动画的jquery模态窗口插件.jpg


jquery.quick-modal.js的特点是使用简单,响应快速,并且内置了10种显示模态窗口的CSS3过渡动画效果。


  • animation:打开和关闭模态窗口的动画类型,可用的动画类型有:'fade''fade-up''fade-right''fade-down''fade-left''fade-zoom''fade-zoom-up''fade-zoom-right''fade-zoom-down''fade-zoom-left'

  • speed:模态窗口过渡动画的时间。

  • timing:模态窗口过渡动画的timing函数。可用的timing函数有:'linear''ease''ease-in''ease-out''ease-in-out''cubic-bezier(n, n, n, n)'

  • closeModalSelector:关闭模态窗口的jquery选择器。

  • enableEsc:是否允许使用Esc键来关闭模态窗口。

  • enableClickAway:是否允许点击模态窗口之外的地方来关闭模态窗口。

  • enableBodyScroll:是否允许模态窗口的背景滚动。

  • appendBackgroundTo:模态窗口背景的jquery选择器。

  • prefix:添加一个空间前缀。

  • onOpen:模态窗口打开时的回调函数。

  • onClose:模态窗口关闭时的回调函数。

  • 'modalopen.qm':在模态窗口打开前触发。

  • 'modalclose.qm':在模态窗口关闭后触发。

jquery.quick-modal.js模态窗口插件的github地址为:https://github.com/kevinberonilla/jquery-quick-modal


授权方式:共享版

适合环境: Chrome/Firefox/Opera/Safari/IE9+

猜你喜欢
更多发现
子导航JS代码
招联好期贷