- 博客(13)
- 收藏
- 关注
RSS订阅
原创 swiper的基础使用（三）
上一节我们实现了一个基本的滑动页面，除了滑动什么功能都没有，那么这节课我们就要在页面当中添加其他的功能属性了。 首先按照上节课的内容，将一个基本的swiper页面实现。 然后在初始化的js代码当中添加属性。 当然事先不要忘记引用下载好的框架文件。 我们先添加翻页导航的功能组件。 在外部容器当中加入翻页导航。 页面内容 页面内容 页面内容 页面内容 页
2016-06-17 09:36:10
318
原创 swiper的基础教程（十二）
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本节内容介绍swiper当中如何将导航变为滚动条样式。 首先我们搭建一个swiper页面的基本布局。 H5EDU 1 H5EDU 2 H5EDU 3 H5ED
2016-06-30 12:01:27
379
原创 swiper的基础使用（十一）
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本次章节呢，我们来介绍swiper当中的抓手光标，即改变我们光标在swiper页面当中的样式。 第一步我们还是搭建一个基础的swiper页面布局。 H5EDU 1 H5EDU 2
2016-06-29 09:51:31
326
原创 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
236
原创 swiper基础使用（八）
本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的free模式。 第一步，我们还是要创建一个swiper的基础页面。 H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4
2016-06-24 10:10:08
243
原创 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
299
原创 swiper的基础使用（六）
这个居中是指将我们浏览的当前页面进行居中显示，当我们使用分组显示的时候效果比较明显。 首先还是要按照第一节的内容完成一个基础的swiper页面。 第一页 第二页 第三页 第四页 第五页
2016-06-22 09:20:27
306
原创 swiper的基础使用（五）
本节讲解如何让swiper页面分组显示。 有时候一个屏幕当中只显示一个页面并不能满足我们的开发需求，在swiper当中就包装了一个屏幕显示一组页面的方法，只需要在swiper页面的初始化当中添加一条属性即可。 第一步我们依然是编写一个基础的swiper页面。 第一页 第二页
2016-06-21 09:35:55
451
原创 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
305
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人