前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >swiper库入门介绍

swiper库入门介绍

作者头像
Devops海洋的渔夫
发布2019-05-30 21:45:22
6620
发布2019-05-30 21:45:22
举报
文章被收录于专栏:Devops专栏Devops专栏

访问最新版本的中文网

一进入界面就可以看到Swiper 4的标题,直接点击开始使用Swiper,开始入门使用。

Swiper4.x使用方法

可以看到文档的内容非常详细,基本写了很详细的入门代码编写。下面我们来按照说明,编写一下这里面写的slider方法。

下载Swiper的文件

进入到Swiper文件的下载,如下:

到这里只要按照说明进行下载即可。

打开下载好的 swiper-4.5.0 完整包,查看相关示例

我直接将完成的文件包下载下来,下面来看看文件结构,如下:

可以看到有众多的示例代码,随便点开其中一个看看。

可以看到具有各种各样的slides示例。

查看相关代码结构

从上面的代码来看,结构非常清晰,如果要使用的话,主要需要做几个动作: 1、引入swiper.min.css 2、引入swiper.min.js 3、复制示例代码 4、将Slide内部内容改为图片即可

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.05.16 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 访问最新版本的中文网
  • Swiper4.x使用方法
  • 下载Swiper的文件
  • 打开下载好的 swiper-4.5.0 完整包,查看相关示例
  • 查看相关代码结构
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档