此Jquery插件是一款功能强大的弹窗作品,名为AeroWindow,界面非常好看,仿Win7主题,支持最大化、最小化、拖动、关闭、还原、双击标题栏最大化,还配合Jquery动画插件使用,可以绑定几十种动画效果,网友们还可以根据自己的需求做二次开发哦。
可绑定以下动画效果:
- easeInQuad
- easeOutQuad
- easeInOutQuad
- easeInCubic
- easeOutCubic
- easeInOutCubic
- easeInQuart
- easeOutQuart
- easeInOutQuart
- easeInQuint
- easeOutQuint
- easeInOutQuint
- easeInSine
- easeOutSine
- easeInOutSine
- easeInExpo
- easeOutExpo
- easeInOutExpo
- easeInCirc
- easeOutCirc
- easeInOutCirc
- easeInElastic
- easeOutElastic
- easeInOutElastic
- easeInBack
- easeOutBack
- easeInOutBack
- easeInBounce
- easeOutBounce
- easeInOutBounce
页面初始化如下:
$(document).ready(function() {
$('#open').click(function() {
$('#Window1').AeroWindow({
WindowTitle: '功能强大的弹窗插件',
WindowPositionTop: 'center',
WindowPositionLeft: 'center',
WindowWidth: 500,
WindowHeight: 300,
WindowAnimation: 'easeOutCubic'
});
});
});
效果如下:
如果您觉得本作品对您的学习有所帮助:
关键字:
AeroWindow 层特效 弹出层 遮罩层 弹窗插件