周大帅
- 浏览: 26597 次
-
最新评论
文章列表
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：Swiper教程 —— 使用方法
Swiper使用方法
1.首先加载插件，需要用到的文件有swiper.min.js和swiper.min.css文件。
<!DOCTYPE html>
<html>
<head>
...
<link rel="stylesheet" href="path/to/swiper.min.css">
</head>
<body>
...
<script ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JQuery强化教程 —— jQuery Easing
从jQuery API 文档中可以知道，jQuery自定义动画的函数.animate( properties [, duration] [, easing] [, complete] )有四个参数：
properties：一组包含作为动画属性和终值的样式属性和及其值的集合
duration(可选)：动画执行时间，其值可以是三种预定速度之一的字符串("slow", "normal", or "fast")或表示 ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：fullPage教程 -- 整屏滚动效果插件 fullpage详解
1、引用文件
[html] view plain copy print?在CODE上查看代码片派生到我的代码片
<link rel="stylesheet" href="css/jquery.fullPage.css">
<script src="js/jquery.min.js"></script>
<script src="js/jquery- ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— 获取内容和属性
jQuery - 获取内容和属性
jQuery 拥有可操作 HTML 元素和属性的强大方法。
jQuery DOM 操作
jQuery 中非常重要的部分，就是操作 DOM 的能力。
jQuery 提供一系列与 DOM 相关的方法，这使访问和操作元素和属性变得很容易。
lamp DOM = Document Object Model（文档对象模型）
DOM 定义访问 HTML 和 XML 文档的标准：
"W3C 文档对象模型独立于平台和语言的界面，允许程序和脚本动态访 ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— jQuery 动画2
实例
jQuery fadeIn()
演示 jQuery fadeIn() 方法。
jQuery fadeOut()
演示 jQuery fadeOut() 方法。
jQuery fadeToggle()
演示 jQuery fadeToggle() 方法。
jQuery fadeTo()
演示 jQuery fadeTo() 方法。
jQuery Fading 方法
通过 jQuery，您可以实现元素的淡入淡出效果。
jQuery 拥有下面四种 fade 方法：
fadeIn ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍： bootstrap教程（二） —— 列表组listgroup
列表组
列表组是Bootstrap框架新增的一个组件，可以用来制作列表清单、垂直导航等效果，也可以配合其他的组件制作出更漂亮的组件。由于其在Bootstrap是一个独立的组件，所以也对应有自己独立源码：
☑ LESS版本：对应的源码文件 list-group.less
☑ Sass版本：对应的源码文件是 _list-group.scss
☑ 编译出的Bootstrap版本：对应的源码bootstrap.css文件第4820行～第4994行
列表组- ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— JavaScript Math（算数） 对象
Math（算数）对象的作用是：执行常见的算数任务。
round()
如何使用 round()。
random()
如何使用 random() 来返回 0 到 1 之间的随机数。
max()
如何使用 max() 来返回两个给定的数中的较大的数。（在 ECMASCript v3 之前，该方法只有两个参数。）
min()
如何使用 min() 来返回两个给定的数中的较小的数。（在 ECMASCript v3 之前，该方法只有两个参数。）
完整的 Mat ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：bootstrap教程（二） —— 导航条
导航（标签形tab导航）
标签形导航，也称为选项卡导航。特别是在很多内容分块显示的时，使用这种选项卡来分组十分适合。
标签形导航是通过“nav-tabs”样式来实现。在制作标签形导航时需要在原导航“nav”上追加此类名，如：
<ul class="nav nav-tabs">
<li><a href="##">Home</a></li>
<li>< ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— Audio/Video
HTML5 Audio/Video 方法
方法 描述
addTextTrack() 向音频/视频添加新的文本轨道
canPlayType() 检测浏览器是否能播放指定的音频/视频类型
load() 重新加载音 ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— Bootstrap
Bootstrap 简介
什么是 Bootstrap？
Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的。
历史
Bootstrap 是由 Twitter 的 Mark Otto 和 Jacob Thornton 开发的。Bootstrap 是 2011 年八月在 GitHub 上发布的开源产品。
为什么使用 Bootstrap？
移动设备优先：自 Bootstrap 3 起，框架包含 ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— 保留关键字
在 JavaScript 中，一些标识符是保留关键字，不能用作变量名或函数名。
JavaScript 标准
所有的现代浏览器完全支持 ECMAScript 3（ES3，JavaScript 的第三版，从 1999 年开始）。
ECMAScript 4（ES4）未通过。
ECMAScript 5（ES5，2009 年发布），是 JavaScript 最新的官方版本。
随着时间的推移，我们开始看到，所有的现代浏览器已经完全支持 ES5。
JavaScript 保留关键字
Javascri ...
本文为 H5EDU 机构官方 HTML5培训
AngularJS 通过被称为 指令 的新属性来扩展 HTML。
AngularJS 通过内置的指令来为应用添加功能。
AngularJS 允许你自定义指令。
AngularJS 指令
AngularJS 指令是扩展的 HTML 属性，带有前缀 ng-。
ng-app 指令初始化一个 AngularJS 应用程序。
ng-init 指令初始化应用程序数据。
ng-model 指令把元素值（比如输入域的值）绑定到应用程序。
完整的指令内容可以参阅 AngularJS 参考手册。
AngularJS 实例
<div ng-app="&qu ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— JavaScript 运算符
JavaScript 算术运算符
算术运算符用于执行两个变量或值的运算。
赋值 y = 5, 以下表格将向你说明算术运算符的使用：
运算符 描述 例子 y 值 x 值 在线实例
+ 加法 x = y + 2 y = 5 x = 7 实例 »
- 减法 x = y - 2 y = 5 x = 3 实例 »
* 乘法 x = y * 2 y = 5 x = 10 实例 »
/ 除法 x = y / 2 y = 5 x = 2.5 实例 »
% 余数 x = y % ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —-RegExp 对象
RegExp 对象用于规定在文本中检索的内容。
什么是 RegExp？
RegExp 是正则表达式的缩写。
当您检索某个文本时，可以使用一种模式来描述要检索的 ...
本文为 H5EDU 机构官方 HTML5培训 教程，主要介绍：JavaScript强化教程 —— 正则表达式回溯
下面的例子演示了处理正则表达式分之的过程：
/h(ello|appy) hippo/.test("hello there,happy hippo");
这个正则表达式 "hello hippo"或"happy hippo".匹配过程开始时，首先会查找一个h，目标字符串的首字母恰好是h，于是立刻被找到。接下来，子表达式(ello|appy)提供了两个处理选项，正则表达式选择最左侧的选项（分之选择总是从左向右进行 ...