VueJS轮播插件Vueslideshow.js

VueJS轮播插件Vueslideshow.js源码下载

看看谁在用

查看文件目录结构

文件大小:0.06M

素材分类: 插件- Vue插件

更新时间:2020-01-01

基于 VueJS 的轮播图插件 Vueslideshow。这是一个在浏览器端使用的且完全基于 VueJS 的轮播图组件,可通过 “组件声明式” 和 “脚本调用式” 两种方法实现轮播图功能。依赖资源 Vue 2.2.0+。

使用方法1:组件声明式
1
2
3
<div id="app" style="width:600px;height:300px;">
    <vue-slideshow :data="images" :config="config"></vue-slideshow>
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<script src="vue.min.js"></script>
<script src="vue-slideshow.min.js"></script>
<script>
    new Vue({
        el: "#app",
        data: {
            images: [
                { src: "1.jpg", href: "#1" },
                { src: "2.jpg", href: "#2" },
                { src: "3.jpg", href: "#3" },
                { src: "4.jpg", href: "#4" },
                { src: "5.jpg", href: "#5" }
            ],
            config: {
                effect: "slide",
                autoplay: 5000,
                arrow: true,
                dot: true
            }
        }
    });
</script>
使用方法2:脚本调用式
1
<div id="app" style="width:600px;height:300px;"></div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<script src="vue.min.js"></script>
<script src="vue-slideshow.min.js"></script>
<script>
    new Vue().VueSlideShow("#app", {
        images: [
            { src: "1.jpg", href: "#1" },
            { src: "2.jpg", href: "#2" },
            { src: "3.jpg", href: "#3" },
            { src: "4.jpg", href: "#4" },
            { src: "5.jpg", href: "#5" }
        ],
        config: {
            effect: "slide",
            autoplay: 5000,
            arrow: true,
            dot: true
        }
    });
</script>

VueJS轮播插件Vueslideshow.js

正在加载文件目录...

不愿意透露姓名的蒋闪先生
不愿意透露姓名的蒋闪先生下载了 此素材 8月前
凯
下载了 此素材 1年前
凯
收藏了 此素材 1年前
收藏了 此素材 1年前
晚意
晚意下载了 此素材 1年前
DJJ
DJJ下载了 此素材 1年前
DJJ
DJJ收藏了 此素材 1年前
ldqwan_
ldqwan_收藏了 此素材 1年前
生命中的时光2017
生命中的时光2017收藏了 此素材 1年前
你猜我猜不猜
你猜我猜不猜收藏了 此素材 1年前

也许你还喜欢

  1. jquery体育轮播焦点图插件
  2. vue多图片上传代码组件
  3. 纯CSS卡片式轮播特效代码
  4. vue炫酷滑动侧边栏效果组件
  5. jQuery自动播放slider插件圆圈进度
  6. 简单的轮播广告图JS代码
  7. iview.js强大的轮播图幻灯片插件
  8. vuejs卡牌扇形展开翻牌动画特效
3D立方体旋转CSS3动画
  • 标签大全|网站地图|关于我们|用户协议
  • 背景样式编辑器|按钮样式编辑器|背景动效编辑器|图片布局编辑器|在线工具