图片/图形

全屏背景图片无限循环缩放jQuery特效

阿里云


mkinfinite 是一款效果非常酷的 jQuery 全屏背景图片无限循环缩放动画特效。这个背景图片插件可以允许你设置一组背景图片,然后插件会依次显示和缩放这组背景图片,效果非常的炫酷。

使用方法

使用该背景图片插件需要引入 jQuery 和 jquery.mkinfinite.js 文件。

也想出现在这里?联系我们
创客主机
  1. <script src="js/jquery.min.js"></script>
  2. <script src="jquery.mkinfinite.js"></script>

初始化插件

在页面 DOM 元素加载完毕之后,可以通过下面的方法来初始化该背景图片插件。可以在参数中传入一组你需要的背景图片。

  1. $('#container').mkinfinite({
  2.   imagesList: new Array(
  3.     '1.jpg',
  4.     '2.jpg',
  5.     '3.jpg',
  6.     '4.jpg',
  7.     '5.jpg'
  8.   )
  9. });

配置参数

下面是该背景图片插件的默认配置参数。

Zoom:背景图片缩放的倍数。默认值 1.25

imagesRatio:背景图片的宽高比。默认值 1.5

animationTime:背景图片缩放动画的持续时间,单位毫秒,默认值 5000

animationInterval:切换背景图片的延迟时间,单位毫秒,默认值 10

isFixedBG:是否将背景图片设置为全屏背景。默认值 false

zoomIn:背景图片放大还是缩小。默认值为 true,表示背景图片由大变小

imagesList:背景图片数组

全屏背景图片无限循环缩放 jQuery 特效

已有 573 人购买
查看演示升级 VIP立刻购买

演示地址 下载地址
收藏
(1)

发表回复

热销模板

Ashade - 作品展示摄影相册WordPress汉化主题
LensNews

本站承接 WordPress / PbootCMS / DedeCMS 等
系统建站、仿站、开发、定制等业务!