mkinfinite 是一款效果非常酷的 jQuery 全屏背景图片无限循环缩放动画特效。这个背景图片插件可以允许你设置一组背景图片,然后插件会依次显示和缩放这组背景图片,效果非常的炫酷。
使用该背景图片插件需要引入 jQuery 和 jquery.mkinfinite.js 文件。
<script src="js/jquery.min.js"></script>
<script src="jquery.mkinfinite.js"></script>
在页面 DOM 元素加载完毕之后,可以通过下面的方法来初始化该背景图片插件。可以在参数中传入一组你需要的背景图片。
$('#container').mkinfinite({
imagesList: new Array(
'1.jpg',
'2.jpg',
'3.jpg',
'4.jpg',
'5.jpg'
)
});
下面是该背景图片插件的默认配置参数。
Zoom:背景图片缩放的倍数。默认值 1.25
imagesRatio:背景图片的宽高比。默认值 1.5
animationTime:背景图片缩放动画的持续时间,单位毫秒,默认值 5000
animationInterval:切换背景图片的延迟时间,单位毫秒,默认值 10
isFixedBG:是否将背景图片设置为全屏背景。默认值 false
zoomIn:背景图片放大还是缩小。默认值为 true,表示背景图片由大变小
imagesList:背景图片数组
演示地址 | 下载地址 |
专业提供WordPress主题安装、深度汉化、加速优化等各类网站建设服务,详询在线客服!