JavaScript强化教程——canvas
本文为 H5EDU 机构官方 HTML5培训 教程,主要介绍:JavaScript强化教程 —— canvas 使用 strokeText(): 使用 "Arial" 字体在画布上绘制一个高 30px 的文字(空心): [removed] var c=document.getElementById("myCanvas"); var ctx=c.getContext("2d"); ctx.font="30px Arial"; ctx.strokeText("Hello World",10,50); Canvas - 渐变 渐变可以填充在矩形, 圆形, 线...【详细】
Javascript html5 CSS
2016年10月10日 赞:0 评论:0 阅读:353
JavaScript强化教程——从简到繁
本文为H5EDU机构官方HTML5培训教程HTML5培训,主要介绍:JavaScript强化教程——javascript从简到繁 JS,无需编译,直译式脚本语言,解释器是JavaScript引擎-浏览器一部分。 动态类型、弱类型、基于原型,内置支持类型。 组成部分 ECMAScript,描述了该语言的语法和基本对象。 文档对象模型(DOM),描述处理网页内容的方法和接口。 浏览器对象模...【详细】
js html5
2016年07月28日 赞:0 评论:0 阅读:212
JavaScript强化教程 - 六步实现贪食蛇
本文为H5EDU机构官方的HTML5培训教程,主要介绍贪食蛇 JavaScript强化教程 1.首先创建div 并且给div加样式 给 <style...> 地图(div和表格)、所有的块(蛇头,食物身体加样式) 2.创建地图 [removed](""); for (var i = 0; i < 10>"); 3.调用createNode函数创建块 var pannel = document.getElementById("pannel"); function createNode(type) {... } //[i][b]根据...【详细】
js html5
2016年07月27日 赞:0 评论:0 阅读:251
JavaScript强化教程——DOM编程(两种控制div移动的方法)
本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程——DOM编程(两种控制div移动的方法) 第一种 按钮控制 首先 创建两个html按钮和一个div并给div一个样式 input type="button" value="左" id="1"> <input type="button" value="右" id="2"> div { width: 100px; height: 100px; background-color: bisque; position: absol...【详细】
js html5
2016年07月19日 赞:0 评论:0 阅读:198
JavaScript强化教程-cookie对象
本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程——cookie对象 Cookie对象: 是一种以文件(Cookie文件)的形式保存在客户端硬盘的Cookies文件夹中的用户数据信息(Cookie数据)。Cookie文件由所访问的Web站点建立,以长久的保存客户端与Web站点间的会话数据,并且该Cookie数据只允许被所访问的Web站点进行读取。 存储 cookie [remove...【详细】
js html5
2016年07月15日 赞:0 评论:0 阅读:209
JavaScript强化教程-JS面向对象编程
本文为H5EDU机构官方HTML5培训教程,主要介绍:JavaScript强化教程——JS面向对象编程 对事物的抽象描述 描述这类事物的特征和行为 对象是类的实例 代码实现:创建一个类 function peple(){ this.hp=0; this.act = 30; this.name = ""; this.x=0; this.y=0; this.move =function(x,y){ removed; } this.eat=function(){ removed; } } 类的实例:创建一个对象 var p1 = new peple(); p1.na...【详细】
js html5
2016年07月14日 赞:0 评论:0 阅读:217
bootstrap教程(一)--bootstrap简介
本文为H5EDU机构官方的HTML5培训教程 bootstrap教程(一)。 1.Bootstrap 是最受欢迎的 HTML、CSS 和 JS 框架,用于开发响应式布局、移动设备优先的 WEB 项目。 2.bootstrap中包含了丰富的Web组件,根据这些组件,可以快速的搭建一个漂亮、功能完备的网站。其中包括以下组件: 下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排...【详细】
html5 bootstrap
2016年07月13日 赞:0 评论:0 阅读:230
swiper教程--swiper的基础使用(二十)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本次内容我们介绍swiper当中添加鼠标滑轮控制页面的滚动。 我们按照惯例要搭建一个基础的swiper页面并且设置CSS样式。 H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4 H5EDU 5 然后在js当中进行初始化并且添加鼠标滑轮控制翻页的属性。 var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', paginationClickable:true, ...【详细】
swiper的基础使用(二)
2016年07月12日 赞:0 评论:0 阅读:114
swiper教程——swiper的基础使用(十九)
本文为H5EDU机构官方的HTML5培训HTML5培训教程 swiper教程。 这次内容我们介绍如何在swiper的页面当中添加键盘控制翻页的功能。 开始还是搭建swiper页面。 H5EDU1 H5EDU2 H5EDU3 H5EDU4 H5EDU5 然后在js当中进行初始化并且设定CSS样式。 var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', slidesPerView:1, paginationClickable:true, spaceBetween:30, nextButton:'.swip...【详细】
html5 swiper
2016年07月11日 赞:0 评论:0 阅读:223
swiper的基础使用(十八)
本文为H5EDU机构官方的HHTML5培训教程 swiper教程。 本次内容我们继续介绍swiper当中的翻页效果---3D翻转效果 首先搭建swiper页面,设置CSS样式,为了观看效果,这一章依然在slide当中添加背景图片。 然后到js部分添加翻页效果,进行初始化。 var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', nextButton:'.swiper-button-next', prevButton:'.swiper-b...【详细】
html5 swiper
2016年07月08日 赞:0 评论:0 阅读:224
swiper的基础使用(十七)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 这次内容我们接着介绍在swiper页面的翻页动画--3D覆盖流效果。 首先搭建swiper页面,设置CSS样式,为了观看效果,这一章依然在slide当中添加背景图片。 然后与我们之前的3D方块效果使用方法一样,添加属性,并对动画进行设置。 var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', gra...【详细】
html5 swiper
2016年07月07日 赞:0 评论:0 阅读:252
swiper的基础使用(十六)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 这次内容我们接着介绍在swiper页面的翻页动画--3D方块效果。 首先搭建swiper页面,设置CSS样式,为了观看效果,这一章依然在slide当中添加背景图片。 然后在js当中进行初始化以及添加翻页动画。依然是一条属性,但是有些不同。 var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', gra...【详细】
html5 swiper
2016年07月06日 赞:0 评论:0 阅读:213
swiper的基础使用(十五)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 这次内容我们介绍在swiper页面的翻页动画--渐变效果 既然有翻页,那么肯定少不了翻页效果,这个功能在swiper当中也给我们进行了包装,所以我们在使用的时候变得非常的方便。 首先进行基本的布局以及CSS样式的设置。 第一页 第二页 第三页 为了动画效果明显,我在每个slide当中添加了背景...【详细】
html5 swiper
2016年07月05日 赞:0 评论:0 阅读:232
swiper的基础使用(十四)
本文为H5EDU机构官方的HTML5培训教程 swiper教程swiper教程。 这次内容我们介绍如何在swiper页面当中开启循环模式。 首先让我们用积累了十四节……不十三节的功力来搭建一个基本的swiper的布局。并且根据需要来设置CSS样式。 H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4 H5EDU 5 H5EDU 6 然后到js当中进行页面的初始化,再加上我们的循环属性(loop:true). var swiper = ...【详细】
html5 swiper
2016年07月04日 赞:0 评论:0 阅读:199
swiper的基本使用(十三)
本文为H5EDU机构官方的HTML5培训教程 swiper教程swiper教程。 本次内容我们介绍在swiper页面当中添加控制按钮(可以控制翻页上一页和下一页)。 首先搭建基础的swiper页面布局。然后我们主要将翻页按钮的div(.swiper-button-next/prev)加到外部容器(.swiper-container)当中. H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4 H5EDU 5 H5EDU 6 然后到js部分初始化函数并且绑定翻页按钮...【详细】
html5 swiper
2016年07月01日 赞:0 评论:0 阅读:211
swiper的基础教程(十二)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本节内容介绍swiper当中如何将导航变为滚动条样式。 首先我们搭建一个swiper页面的基本布局。 H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4 H5EDU 5 H5EDU 6 H5EDU 7 H5EDU 8 H5EDU 9 然后到JS部分添加初始化代码。 var swiper = new Swiper('.swiper-container',{ spaceBetween:30, grabCursor:true, slidesPerView:3, centeredSlides:true, scrollbar:'.swiper-scrollba...【详细】
html5 swiper
2016年06月30日 赞:0 评论:0 阅读:245
swiper的基础使用(十一)
本文为H5EDU机构官方的HTML5培训教程 swiper教程。 本次章节呢,我们来介绍swiper当中的抓手光标,即改变我们光标在swiper页面当中的样式。 第一步我们还是搭建一个基础的swiper页面布局。 <body> H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4 H5EDU 5 H5EDU 6 我们不要忘记对页面进行样式设计,因为我这里为演示,所以简单一些。 <style> body{ margin:0; padding:0; bac...【详细】
html5 swiper
2016年06月29日 赞:0 评论:0 阅读:396
swiper的基础使用(十)
本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的多行显示。 这节课我们介绍swiper当中的swiper嵌套。 这次第一步有些不一样,虽然同样是要搭建swiper页面,但是我们在一个swiper页面当中的slide里面嵌套了一个swiper在里面。 Horizontal Slide 1 Vertical Slide 1 Vertical Slide 2 Vertical Slide 3 Vertical Slide 4 Vertical Slide 5 Horizontal Slide 3 H...【详细】
html5 swiper
2016年06月28日 赞:0 评论:0 阅读:389
swiper的基础使用(九)
本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的多行显示。 第一步,我们还是要创建一个swiper的基础页面。不过这次我们要多创建一些slide。 第一页 第二页 第三页 第四页 第五页 第六页 第七页 第八页 第九页 第一页 第二页 第三页 第四页 第五页 第六页 第七页 第八页 第九页 第一页 第二页 第三页 第四页 第五页...【详细】
html5 swiper
2016年06月27日 赞:0 评论:0 阅读:240
swiper基础使用(八)
本文为H5EDU机构官方的HTML5培训教程 swiper教程 这节课我们介绍swiper页面的free模式。 第一步,我们还是要创建一个swiper的基础页面。 H5EDU 1 H5EDU 2 H5EDU 3 H5EDU 4 H5EDU 5 H5EDU 6 H5EDU 7 H5EDU 8 H5EDU 9 H5EDU 10 然后就要在初始化当中添加我们的free模式的属性了 [removed] var swiper = new Swiper('.swiper-container',{ pagination:'.swiper-pagination', paginationClickable:true, slidesPer...【详细】
html5 swiper
2016年06月24日 赞:0 评论:0 阅读:252
共29个 共2页 12
sina weixin mail 回到顶部