使用步骤
1、引入以下js和css文件
1 2 3 | <link rel="stylesheet" type="text/css" href="css/wowwindow.css"><script type="text/javascript" src="js/jquery.min.js"></script><script type="text/javascript" src="js/jquery.wowwindow.min.js"></script> |
2、加入以下js代码
1 2 3 4 | $('.popups-rotate a').wowwindow({ rotate: true, draggable: true }); |
参数配置
参数名 参数说明 可选值 默认值
testMode 只用于调试插件 ture或false
draggable 是否可以移动弹出框 ture或false
fixedWindow 是否显示遮罩层 ture或false
width 弹出框宽度，如果弹出的是图片框，请勿使用 整数
height 弹出框高度，只用于 iframe 和 videos 整数
overlay 遮罩层的样式 {多个css样式用,隔开}
before 在弹出之前调用的函数 函数
after 在弹出之后调用的函数 函数
onclose 在关闭弹出框之后调用的函数 函数
zoom 是否允许缩放 ture或false
rotate 是否旋转弹出 ture或false
rotations 旋转次数 整数
clockwise 是否是顺时针方向旋转 ture或false
speed 弹出速度 整数
autoplay 是否自动播放，仅用于 videos ture或false
videoIframe 错误的使用对象和嵌入为flash ture或false
showRelated 是否显示相关类容，仅用于 YouTube ture或false
verticalCenter 是否垂直居中 ture或false
forceImageFade 强制图片淡出 ture或false
yabbadabbadoo: take the red pill, take the blue pill ture或false
特别申明：
本站所有资源都是由网友投稿发布，或转载各大下载站，请自行检测软件的完整性！
本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担！
如有侵权请联系我们删除下架，联系方式：lei1294551502@163.com
- 上一个特效： 炫酷的jquery幻灯片插件-SLIDESJS
- 下一个特效： 绝对炫的幻灯片插件-SKITTER