博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
swiper的基础使用(五)
阅读量:6828 次
发布时间:2019-06-26

本文共 778 字,大约阅读时间需要 2 分钟。

hot3.png

本文为机构官方培训教程HTML5培训,。本文主要介绍swiper框架的基本使用方法。

本节讲解如何让swiper页面分组显示。

有时候一个屏幕当中只显示一个页面并不能满足我们的开发需求,在swiper当中就包装了一个屏幕显示一组页面的方法,只需要在swiper页面的初始化当中添加一条属性即可。
 
第一步我们依然是编写一个基础的swiper页面。

第一页
第二页
第三页
第四页
第五页
第六页
第七页
第八页
第九页
第十页

然后在js当中进行页面的初始化并且添加属性,为了观看效果更佳。

我们在页面当中添加了slide的间隙。

当然不要忘记引用我们的框架文件,这样运行我们的页面就会发现我们的页面在当前屏幕当中会显示一组。

 

点击进入swiper教程:

 

转载于:https://my.oschina.net/zhanyingwang/blog/698916

你可能感兴趣的文章
【BZOJ】3238: [Ahoi2013]差异
查看>>
dubbo与zookeeper的关系
查看>>
tp框架之对列表的一系列操作及跳转页面(详细步骤)
查看>>
数据库编程:检测TabName 数据表是否存在
查看>>
使用string.Format需要注意的一个性能问题
查看>>
手把手教小白安装Erlang
查看>>
logging模块
查看>>
oracle中Window和Window Group
查看>>
SQL语句的执行过程
查看>>
hdu 1540 Tunnel Warfare
查看>>
装机必备工具
查看>>
Block
查看>>
查看.NET程序集编译类型命令corflags
查看>>
每天一个linux命令(16):witch命令
查看>>
使用Guava进行函数式编程
查看>>
「记录」安装Arch Linux的过程步骤
查看>>
SQL Sever数据库语法介绍及相关例子
查看>>
一步步学Qt,第五天-小小的ClippingDemo
查看>>
__FILE__,__LINE__,FUNCTION__实现代码跟踪调试(linux下c语言编程)(转)
查看>>
ASCII字符集
查看>>