html5移动端轮播图特效,支持移动端的纯js轮播图插件awesome-slider

awesome-slider是一款支持移动端的纯js轮播图插件。该轮播图插件支持任何HTML标签,可以自定义分页标签和Loading效果,支持在前端框架如react中使用。

使用方法

安装:

/* yarn */

yarn add awesome-slider

/* npm */

npm install awesome-slider

/* cdn */

使用了requestAnimationFrame, 如果要向低浏览器兼容, 可以自行引入requestAnimationFrame polyfill 比如yarn add raf

基本使用

const AwesomeSlider = require("awesome-slider");

// or

import AwesomeSlider from "awesome-slider";

const awesomeSlider = new AwesomeSlider(images, container, [options]);

API

images:轮播图的图片。可以是简单模式,也可以是也可以自由组合模式。

/* 简单模式 */

["./images/1.jpg", "./images/2.jpg", "./images/3.jpg", "./images/4.jpg"];

/* 自由组合模式 */

[

{

tagName: "a",

attrs: {

style: "",

class:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值