h5banner

功能描述

banner轮播图

依赖的插件

快速使用

1.引用js和css文件

2.创建轮播div
<div id="box"></div>

3.设置轮播资源图片
var imagesAndUrl = [{
  imgSrc : './img/1.jpg',
  linkHref : "#"
},{
  imgSrc : './img/2.jpg',
  linkHref : '1'
},{
  imgSrc : './img/3.jpg',
  linkHref : '#'
},{
  imgSrc : './img/4.jpg',
  linkHref : '#'
},{
  imgSrc : './img/5.jpg',
  linkHref : '#'
}];
4.绑定div和资源
var banner = new Banner(box,imagesAndUrl,{
  transitionTime : 800, // 动画过渡时间,默认为800ms
  intervalTime : 5000 // 图片切换时间,默认为5s
});
  

5.使用例子
var box = document.getElementById('box');
var imagesAndUrl = [{
  imgSrc : './img/1.jpg',
  linkHref : "#"
},{
  imgSrc : './img/2.jpg',
  linkHref : '1'
},{
  imgSrc : './img/3.jpg',
  linkHref : '#'
},{
  imgSrc : './img/4.jpg',
  linkHref : '#'
},{
  imgSrc : './img/5.jpg',
  linkHref : '#'
}];
var banner = new Banner(box,imagesAndUrl,{
  transitionTime : 800, // 动画过渡时间,默认为800ms
  intervalTime : 5000 // 图片切换时间,默认为5s
});

特别说明

是否仍需要帮助? 请保持联络!
最后更新于 2024/02/29