选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

一款用于创建响应式轮播图JavaScript插件–Flickity

今天为大家分享一款用于创建响应式轮播图的JS插件–Flickity,由于目前移动设备的大量使用,以及PC显示器的尺寸逐渐出现较大差别,传统的web页面已经不能满足多种设备的浏览效果。该插件不仅支持PC端还支持移动端触摸屏并有多种表现方式。希望对您的项目有所帮助。
一款用于创建响应式轮播图JavaScript插件--Flickity-beta
使用方法:
1.添加Flickity .css 和Flickity.js文件到您的项目中。

<link rel="stylesheet" href="/path/to/flickity.css" media="screen">
<script src="/path/to/flickity.pkgd.min.js"></script>

2.添加相关类名到您的页面中。

<div class="gallery js-flickity">
  <div class="gallery-cell"></div>
  <div class="gallery-cell"></div>
  ...
</div>

下载信息

格式:html+js
文件大小:201kB
DEMO地址:演示地址
百度网盘下载:http://pan.baidu.com/s/14gjeu  密码:4yw9

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。