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

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

hot3.png

本文为机构官方的教程 。

 本次章节呢,我们来介绍swiper当中的抓手光标,即改变我们光标在swiper页面当中的样式。
 
第一步我们还是搭建一个基础的swiper页面布局。

        
H5EDU 1
H5EDU 2
H5EDU 3
H5EDU 4
H5EDU 5
H5EDU 6

我们不要忘记对页面进行样式设计,因为我这里为演示,所以简单一些。

设置外部容器的宽为100%,高为300px。

然后设置页面内容进行垂直和水平居中。
之后到js部分进行初始化。

这里呢我们设定了页面分组显示,所以页面宽度会自动平分外部容器的宽度,页面的高度依旧为300px。

然后我们改变光标的样式为抓手光标可以看到依旧是一个属性就实现了效果,非常的方便。

点击进入swiper强化教程:

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

你可能感兴趣的文章
区块链应用 | 不知道什么时候起,满世界都在谈区块链的事情
查看>>
小程序爆红 专家:对简单APP是巨大打击
查看>>
FarBox--另类有趣的网站服务【转】
查看>>
在非纯色背景上,叠加背景透明的BUTTON和STATIC_TEXT控件
查看>>
Distributed2:Linked Server Login 添加和删除
查看>>
Python-time
查看>>
Java中取两位小数
查看>>
RTX发送消息提醒实现以及注意事项
查看>>
使用 ftrace 调试 Linux 内核【转】
查看>>
唯一聚集索引上的唯一和非唯一非聚集索引
查看>>
Spark新愿景:让深度学习变得更加易于使用——见https://github.com/yahoo/TensorFlowOnSpark...
查看>>
linux磁盘配额
查看>>
NFS文件共享服务器的搭建
查看>>
%r 和 %s 该用哪个?
查看>>
小公司职场不是“切糕”
查看>>
play工程部署到云服务器
查看>>
ListView 取消点击效果
查看>>
wampServer连接oracle
查看>>
CentOS 6.5下编译安装新版LNMP
查看>>
Android Picasso
查看>>