2000字范文,分享全网优秀范文,学习好帮手!
2000字范文 > html5移动端轮播图特效 支持移动端的纯js轮播图插件awesome-slider

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

时间:2018-10-17 16:13:35

相关推荐

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:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。