摘要: 本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本次章节呢,我们来介绍swiper当中的抓手光标,即改变我们光标在swiper页面当中的样式。 第一步我们还是搭建一个基础的swiper页面布局。 我们不要忘记对页面进行样式设计,因为我这里为演示,所以简单一些。 设置外部容器的宽为1 阅读全文
posted @ 2016-06-29 09:38 zhanyingwang 阅读(559) 评论(0) 推荐(1) 编辑
摘要: 本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的多行显示。 这节课我们介绍swiper当中的swiper嵌套。 这次第一步有些不一样,虽然同样是要搭建swiper页面,但是我们在一个swiper页面当中的slide里面嵌套了一个swiper在里面。 我 阅读全文
posted @ 2016-06-28 09:35 zhanyingwang 阅读(1093) 评论(0) 推荐(0) 编辑
摘要: 本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的多行显示。 第一步,我们还是要创建一个swiper的基础页面。不过这次我们要多创建一些slide。 之后我们到js当中初始化我们的swiper 那么可以看出我们这次没有太大的变化,实现样式依然是在初始化当 阅读全文
posted @ 2016-06-27 09:25 zhanyingwang 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的free模式。 第一步,我们还是要创建一个swiper的基础页面。 然后就要在初始化当中添加我们的free模式的属性了 实现之后我们来观看效果,free模式就是可以将翻页位置在任意位置停止。不再限制在页面 阅读全文
posted @ 2016-06-24 09:53 zhanyingwang 阅读(302) 评论(0) 推荐(0) 编辑
摘要: 本文为H5EDU机构官方的HTML5培训教程 swiper教程这节课我们介绍swiper页面的自动分组+居中的内容。 第一步还是创建一个基础的swiper页面 之后我们用选择器来将页面的宽度设定为不相同的(便于我们观看自动分组的效果) 之后再去js代码当中进行初始化并且添加属性 通过js当中添加的属 阅读全文
posted @ 2016-06-23 10:09 zhanyingwang 阅读(892) 评论(0) 推荐(0) 编辑
摘要: 本文为H5EDU机构官方的HTML5培训教程 swiper教程。这一节主要介绍swiper当中的居中属性。 这个居中是指将我们浏览的当前页面进行居中显示,当我们使用分组显示的时候效果比较明显。首先还是要按照第一节的内容完成一个基础的swiper页面。 然后进行页面的初始化,为了使效果更加明显,我们将 阅读全文
posted @ 2016-06-22 09:09 zhanyingwang 阅读(648) 评论(0) 推荐(0) 编辑
摘要: 本文为H5EDU机构官方HTML5培训教程HTML5培训,swiper教程。本文主要介绍swiper框架的基本使用方法。 本节讲解如何让swiper页面分组显示。有时候一个屏幕当中只显示一个页面并不能满足我们的开发需求,在swiper当中就包装了一个屏幕显示一组页面的方法,只需要在swiper页面的 阅读全文
posted @ 2016-06-21 09:32 zhanyingwang 阅读(537) 评论(0) 推荐(0) 编辑
摘要: 这里是HTML5培训 swiper系列教程004:swiper教程 首先我们要搭建一个基础的swiper页面。 当然事先不要忘记引用下载好的框架文件。这一章我们添加了设置容器的宽、高 <!doctype html><html> <head> <title>在slide之间加上间隙</title> < 阅读全文
posted @ 2016-06-20 09:28 zhanyingwang 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 本文为HTML5培训 swiper系列教程003:swiper教程 首先按照第一节课的内容,将一个基本的swiper页面实现。然后在初始化的js代码当中添加属性。 当然事先不要忘记引用下载好的框架文件。我们先添加翻页导航的功能组件。便于我们确认页面的垂直滚动,以及垂直滚动下导航的样式。在外部容器当中 阅读全文
posted @ 2016-06-17 10:00 zhanyingwang 阅读(311) 评论(0) 推荐(0) 编辑
摘要: 这里是HTML5培训 swiper系列教程001:swiper教程 swiper是一个移动端的页面滑动框架,我们可以使用这个框架来编写自己的简历。swiper当中除了页面滑动意外,还提供了其他各种各样的功能组件,供我们使用。以及方法和回调函数。我们先实现一个基本的swiper页面,只有翻页功能的页面 阅读全文
posted @ 2016-06-16 10:09 zhanyingwang 阅读(507) 评论(0) 推荐(0) 编辑