- 博客(13)
- 收藏
- 关注
原创 swiper的基础使用(三)
上一节我们实现了一个基本的滑动页面,除了滑动什么功能都没有,那么这节课我们就要在页面当中添加其他的功能属性了。 首先按照上节课的内容,将一个基本的swiper页面实现。然后在初始化的js代码当中添加属性。 当然事先不要忘记引用下载好的框架文件。我们先添加翻页导航的功能组件。在外部容器当中加入翻页导航。页面内容页面内容页面内容页面内容页
2016-06-17 09:36:10 315
原创 swiper的基础教程(十二)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本节内容介绍swiper当中如何将导航变为滚动条样式。 首先我们搭建一个swiper页面的基本布局。 H5EDU 1 H5EDU 2 H5EDU 3 H5ED
2016-06-30 12:01:27 378
原创 swiper的基础使用(十一)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本次章节呢,我们来介绍swiper当中的抓手光标,即改变我们光标在swiper页面当中的样式。 第一步我们还是搭建一个基础的swiper页面布局。 H5EDU 1 H5EDU 2
2016-06-29 09:51:31 325
原创 swiper的基础使用(十)
本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的多行显示。 这节课我们介绍swiper当中的swiper嵌套。 这次第一步有些不一样,虽然同样是要搭建swiper页面,但是我们在一个swiper页面当中的slide里面嵌套了一个swiper在里面。 Horizontal Slide 1
2016-06-28 09:37:27 329
原创 swiper的基础使用(九)
本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的多行显示。 第一步,我们还是要创建一个swiper的基础页面。不过这次我们要多创建一些slide。 第一页 第二页 第三页 第四页
2016-06-27 09:28:02 230
原创 swiper基础使用(八)
本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的free模式。 第一步,我们还是要创建一个swiper的基础页面。 H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4
2016-06-24 10:10:08 241
原创 swiper的基础使用(七)
本文为H5EDU机构官方的HTML5培训教程 swiper教程这节课我们介绍swiper页面的自动分组+居中的内容。 第一步还是创建一个基础的swiper页面 第一页 第二页 第三页 第四页 第五页
2016-06-23 17:11:37 205
原创 swiper的基础使用(七)
本文为H5EDU机构官方的HTML5培训教程 swiper教程这节课我们介绍swiper页面的自动分组+居中的内容。 第一步还是创建一个基础的swiper页面 第一页 第二页 第三页 第四页 第五页
2016-06-23 10:14:36 298
原创 swiper的基础使用(六)
这个居中是指将我们浏览的当前页面进行居中显示,当我们使用分组显示的时候效果比较明显。首先还是要按照第一节的内容完成一个基础的swiper页面。 第一页 第二页 第三页 第四页 第五页
2016-06-22 09:20:27 305
原创 swiper的基础使用(五)
本节讲解如何让swiper页面分组显示。有时候一个屏幕当中只显示一个页面并不能满足我们的开发需求,在swiper当中就包装了一个屏幕显示一组页面的方法,只需要在swiper页面的初始化当中添加一条属性即可。 第一步我们依然是编写一个基础的swiper页面。 第一页 第二页
2016-06-21 09:35:55 450
原创 swiper的基础使用(四)
当然事先不要忘记引用下载好的框架文件。这一章我们添加了设置容器的宽、高 在slide之间加上间隙 body{ margin:0; padding:0; }
2016-06-20 09:20:26 338
原创 swiper的使用(一)
wiper是一个移动端的页面滑动框架,我们可以使用这个框架来编写自己的简历。swiper当中除了页面滑动意外,还提供了其他各种各样的功能组件,供我们使用。以及方法和回调函数。我们先实现一个基本的swiper页面,只有翻页功能的页面。首先我们要先引用框架文件。swiper.css 和 swiper.js再建立一个外部容器。swiper-
2016-06-16 09:49:24 401
原创 swiper的基础使用(二)
上一节我们实现了一个基本的滑动页面,除了滑动什么功能都没有,那么这节课我们就要在页面当中添加其他的功能属性了。 首先按照上节课的内容,将一个基本的swiper页面实现。然后在初始化的js代码当中添加属性。 当然事先不要忘记引用下载好的框架文件。我们先添加翻页导航的功能组件。在外部容器当中加入翻页导航。页面内容页面内容页面内容页面内容页
2016-06-15 17:43:39 303
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人