博客> swiper的使用(一)
swiper的使用(一)
2019-12-06 00:25 评论:0 阅读:807 zhanying
html5 swiper

swiper是一个移动端的页面滑动框架,我们可以使用这个框架来编写自己的简历。

swiper当中除了页面滑动意外,还提供了其他各种各样的功能组件,供我们使用。

以及方法和回调函数。

我们先实现一个基本的swiper页面,只有翻页功能的页面。

首先我们要先引用框架文件。swiper.css 和 swiper.js

​<link rel="stylesheet" href="swiper.css">

[removed][removed]​

再建立一个外部容器。swiper-cotainer

​ 然后在外部容器当中添加一个内部容器。swiper-wrapper
​ 在内部容器当中添加每一个翻页页面​
页面内容

<div class="swiper-slide>页面内容

<div class=">页面内容

<div class="swiper-slide>页面内容

<div class=">页面内容

然后在js当中进行初始化

[removed]​

var swiper = new Swiper('.swiper-container');

​[removed]

swiper的使用 Enter your link description here: l)

收藏
分享到:
0
sina weixin mail 回到顶部