摘要： 本文为H5EDU机构官方的HTML5培训教程 bootstrap教程（一）。 我们使用bootstrap进行网页的开发的话，会大大减少我们的工作量，提高开发效率。因为许多事情框架已经帮我们完成了，我们只要拿过来使用就可以。 点击进入bootstrap强化教程：http://h5edu.cn/htm/ 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本次内容我们介绍swiper当中添加鼠标滑轮控制页面的滚动。 我们按照惯例要搭建一个基础的swiper页面并且设置CSS样式。 然后在js当中进行初始化并且添加鼠标滑轮控制翻页的属性。 这样当我们在页面当中滑动鼠标滑轮的时候就可以进行 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训HTML5培训教程 swiper教程。这次内容我们介绍如何在swiper的页面当中添加键盘控制翻页的功能。开始还是搭建swiper页面。 然后在js当中进行初始化并且设定CSS样式。 如上我们只是在初始化当中添加了keyboardControl:true就可以 阅读全文

摘要： 本文为H5EDU机构官方的HHTML5培训教程 swiper教程。 本次内容我们继续介绍swiper当中的翻页效果 3D翻转效果 首先搭建swiper页面，设置CSS样式，为了观看效果，这一章依然在slide当中添加背景图片。 然后到js部分添加翻页效果，进行初始化。 这样一个带有3D翻页效果的页面 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训教程 swiper教程。 这次内容我们接着介绍在swiper页面的翻页动画--3D覆盖流效果。 首先搭建swiper页面，设置CSS样式，为了观看效果，这一章依然在slide当中添加背景图片。 然后与我们之前的3D方块效果使用方法一样，添加属性，并对动画进行设 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训教程 swiper教程。这次内容我们接着介绍在swiper页面的翻页动画--3D方块效果。 首先搭建swiper页面，设置CSS样式，为了观看效果，这一章依然在slide当中添加背景图片。 然后在js当中进行初始化以及添加翻页动画。依然是一条属性，但是有些不同 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训教程 swiper教程。 这次内容我们介绍在swiper页面的翻页动画--渐变效果既然有翻页，那么肯定少不了翻页效果，这个功能在swiper当中也给我们进行了包装，所以我们在使用的时候变得非常的方便。首先进行基本的布局以及CSS样式的设置。 为了动画效果明显， 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训教程 swiper教程swiper教程。 这次内容我们介绍如何在swiper页面当中开启循环模式。首先让我们用积累了十四节……不十三节的功力来搭建一个基本的swiper的布局。并且根据需要来设置CSS样式。 然后到js当中进行页面的初始化，再加上我们的循环属性 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训教程 swiper教程swiper教程。 本次内容我们介绍在swiper页面当中添加控制按钮（可以控制翻页上一页和下一页）。 首先搭建基础的swiper页面布局。然后我们主要将翻页按钮的div（.swiper-button-next/prev）加到外部容器(. 阅读全文

摘要： 本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本节内容介绍swiper当中如何将导航变为滚动条样式。 首先我们搭建一个swiper页面的基本布局。 然后到JS部分添加初始化代码。 可以注意到在本篇当中将分页导航的swiper-container改变为swiper-scrollba 阅读全文