Vue-SuperSlide(SuperSlide component for Vue)
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Vue-SuperSlide(SuperSlide component for Vue)相关的知识,希望对你有一定的参考价值。
参考技术A Vue-SuperSlide( Github ) 是 SuperSlide 的 Vue 封装版本,API 配置及使用方法与 SuperSlide 几乎一致,让你能够便捷的在 Vue 工程中使用 SuperSlide。关于 SuperSlide 的详细介绍可以到 SuperSlide 官方网站 - 大话主席 进行查看。
大话主席的 SuperSlide 是多年以前前端还处于 jQuery 时代我使用的最多的一个插件,它帮我解决了网页中大部分的文字、图片切换轮播等问题,用起来的是特别的顺手,当然现在前端三大框架的火热,已经没有多少人在关注依赖于 jQuery 的插件了,但是我相信 Superslide 的粉丝还是有不少的。
今天提供一个 Superslide 的 Vue 封装版本,同时也逐步将 Superslide 官网上的所有 demo 用例全部示例一遍(目前正在逐步添加),让你能够便捷的在 Vue 工程中使用 Superslide 的全部功能。
Demo Page
CDN Example
SuperSlide 官网中的 API 及配置均可使用
如果你的 Vue 项目中还有各种图片、文字的切换、轮播、滚动效果,你可以直接使用 Vue-SuperSlide 了,更多的 Examples 陆续更新。
如有问题欢迎留言沟通。
网站开发,推荐使用SuperSlide 插件-Tab标签切换,图片滚动,无缝滚动,焦点图
SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。
网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!
从此无需网上苦苦寻觅特效,无需加载n个插件,无需害怕代码冲突,你需要的只是一个SuperSlide!
还可以多个SuperSlide组合创造更多效果哦~
(兼容包括ie6的绝大部分浏览器)[当年的你是否这样?]
SuperSlide 官网:http://www.superslide2.com/index.html
以上是关于Vue-SuperSlide(SuperSlide component for Vue)的主要内容,如果未能解决你的问题,请参考以下文章
学习笔记: js插件 —— SuperSlide 2 (轮播图插件,PC用)
图片轮播插件比较(jquerySlide与superSlide)