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:

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

html5游戏开发马赛克对比,基于HTML5 Canvas的纯JS图片马赛克效果插件
这是一款基于HTML5 canvas的图片马赛克js插件.该图片马赛克插件使用简单,可调整马赛克的大小,透明度等属性,适合用于制作一些特殊的图片效果. 基于HTML5 Canvas的纯JS图片马赛克效 ...
手机html轮播图,jquery支持移动手机的响应式轮播图插件
这是一款支持移动手机的响应式jquery轮播图插件.它具有跨平台,响应式,支持移动设备等特点,并且在使用CSS3制作过渡动画,效果非常炫酷. 使用方法在页面中引入jquery,hammer.min. ...
windows上使用QQ截取网页长图，支持下拉方法截图任意长的图
今天需要截取网页网页长图,看了下网上教程,都比较复杂,还是QQ截长图方便. [1]登录QQ [2] crtl + shift +a 进入截图界面,如下图默认是没法截取长图的,点击下面的剪刀一样的快捷 ...
html5 tooltips,纯js轻量级tooltips工具提示插件
html5tooltipsjs是一款使用纯javacript编写的轻量级tooltips工具提示插件.该tooltips插件不依赖任何框架,内容可带HTML标签,并可以使用预设的CSS3动画来制作to ...
html矢量图对画布的拖拽,d3.js画矢量图+可拖拽的实现思路
箭头.png testtt.html Arrow var width = 400; var height = 400; var svg = d3.select("body").ap ...
html5实现货币格式,纯js实用格式化货币插件
currencyFormatter.js是一款简单实用的纯js格式化货币插件.该插件包含155种不同国家的货币,以及715种不同语言的本地化设置.它还能处理某些不采用的货币,功能非常强大. 使用方法 ...
简单html摩天轮动画效果,2D模拟实现摩天轮旋转动画特效
这次给大家带来2D模拟实现摩天轮旋转动画特效,使用2D模拟实现摩天轮旋转动画特效的注意事项有哪些,下面就是实战案例,一起来看一下. 先看效果图: 由于上传的大小原因,只能录制成这种效果,原图是无限循环 ...
html5圆形图片轮播,jQuery超酷响应式圆形图片轮播图特效
mislider是一款效果非常酷的jQuery响应式圆形图片轮播图特效插件.该轮播图特效可以将图片以圆形图片显示,然后使图片无限循环形成轮播图或旋转木马特效.该轮播图插件的特点有: 使用简单在同一个 ...
电商项目实战第四节: CSS3+HTML5+JS 设计案例【考拉海购网站】之【轮播图特效】
上一节:电商项目实战第三节: CSS3+HTML5+JS 设计案例[考拉海购网站]之[分类导航栏] 文章目录 [考拉海购网站]之[轮播图特效] 第一步,根据页面布局写相应的html标签 index.h ...

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

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

最新文章

热门文章