vue搭建的图片轮播

所属分类:媒体-幻灯片和轮播图

 10947  31  查看评论 (2)
vue搭建的图片轮播 ie兼容12

使用方法

引入vue库

<script src="js/vue.min.js"></script>

创建vue实例,data里面存放轮播图的路径
此插件应用了一些vue的简单的事件绑定,列表循环以及显示隐藏
同时为了使图片轮播交互效果更好,还使用了<transition-group>过渡(vue官网有详细介绍)
可以在标签内设置 enter-active-class 和 leave-active-class来产生轮播平滑的效果
或者可以在css中设置:(设置的transition-group的name="image")

.image-enter-active{}
.image-leave-active{}
.image-enter{}
.image-leave{
相关插件-幻灯片和轮播图

TinyBox JavaScript弹出脚本

TinyBox JavaScript弹出脚本
  幻灯片和轮播图
 12168  28

带缩略图轮播效果(全屏切换)

点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 20288  118

迅雷首页官网多图焦点图特效

模拟迅雷首页的幻灯片切换效果
  幻灯片和轮播图
 17703  55

jQuery带缩略图的轮播

通过点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 29879  197

讨论这个项目(2)回答他人问题或分享插件使用方法奖励jQ币

    陈某2 0
    2018/6/17 12:30:35
    压缩包错误??!!! 回复
    依依的海燕 0
    2018/5/15 19:08:17
取消回复