第 86 页-H5教程_html5图文教程-PHP中文网

当前位置：首页 > 技术文章 > web前端 > H5教程

最新

利用gulp实现压缩的实例

1，下载安装node 访问 http://nodejs.org ，然后点击大大的绿色的 install 按钮，下载完成后直接运行程序，就一切准备就绪。 npm 会随着安装包一起安装， 2，打开代码行 node -v //查看node版本，如果显示版本号，则安装成功。 npm -v 　 //查看npm版本，如果显示版本号，则安装成功。定位

H5教程 1480 2017-06-21 15:21:18
在线演示一个全屏切换效果实例

在线演示： DEMO DEMO中及以下代码并没有写兼容代码，请使用高级浏览器打开，IE版本对CSS3支持并不太友好，IE11打开没有滚屏效果。兼容代码前缀： -webkit- -moz- -o- -ms- 直接上代码：

H5教程 1889 2017-06-21 14:57:30
制作动态视觉差背景（h5）的方法

制作网站时，可能会用到视觉差效果如图视觉差在制作网页时会有很炫酷的效果，今天要讲的是如何呈现动态视觉差效果如图：制作方法首先需要一个视觉差的插件我所用的插件是一款较为大众的视觉差插件 &l

H5教程 5189 2017-06-21 14:34:40
怎么能在页面上实现一个圆形可点击区域？

1. map+area DW软件实现方法视频：http://www.chuanke.com/3885380-190205.html 2. border-radius（H5） .circle{ /*圆设置*/

H5教程 2409 2017-06-21 14:33:57
WEB前端规范命名的介绍

头部 header ----------------用于头部主要内容 main ------------用于主体内容（中部）左侧 main-left -------------左侧布局右侧 main-right -----------右侧布局外套 wrap ------------------用于最外层导航条 nav -----------------网页菜单导航条内容 conte

H5教程 1817 2017-06-21 14:33:16
Less与Sass框架如何使用？

一、Less语法　　1.变量声明：　　　　@变量名:变量值; 1 @newHeight:20px; 　　2.调用变量： 1 .box { 2 width: @newHeight; 3 height: @newHeight; 4 } 　　3.多重继承（Mixins）：调用已有的类作为自己成员 1 .box1 { 2 .box; 3 } 　　

H5教程 2184 2017-06-21 14:28:56
Html5语义化标签及兼容性处理详解

页眉主要用于页面的头部的信息介绍，也可用于板块头部页面上的一个标题组合一个标题和一个子标题，或者标语的组合妙味课堂带您进入富有人情味的IT培训

H5教程 1421 2017-06-21 14:27:54
下载新浪微博视频和秒拍视频的方法

虽然新浪微博APP自己没有提供下载微博视频的功能，但我们可以借助第三方工具来下载微博视频。网上很多是要安装软件到电脑上才能用的，但如果我们想在手机上用，就用不了。所以今天分享一个在手机上也能下载微博和秒拍视频的方法。下载新浪微博视频和秒拍视频的方法： 1. 打开新浪微博APP，找到想要下载的视频，在含有这个视频的微博页面，点击右上角三个点号（...），然后会出现分享的弹窗，点击复制链接或通过分

H5教程 4489 2017-06-21 14:13:23
CSS3 Flexbox该怎么使用？

文章来源：http://www.zhufengpeixun.cn/article/173 一、前言 Flexbox 是一个 CSS3 的盒子模型 ( box model )，顾名思义它就是一个灵活的盒子 ( Flexible Box )，为什麽最近这个属性才红起来呢？最主要也是因为 CSS3 的规范终于普及 ( 或 IE 终于败亡 )，加上行动装置的发展促成了响应式布局兴起，自适应长宽弹性相当大的

H5教程 2235 2017-06-21 14:09:08
jQuery Validation的使用详解

jQuery验证框架 :基本html代码： 1 　　 2 3 4 $(functio

H5教程 2094 2017-06-21 13:33:23
Web SQL数据库的使用教程

Web SQL数据库API并不是HTML5规范的一部分，但是它是一个独立的规范，引入了一组使用SQL操作客户端数据库的API。核心方法　　openDatabase-使用现有的数据库或者新建的数据库创建一个数据库对象　　transaction-能够控制一个事物，以及基于这种情况执行提交或者回滚　　executeSql-执行实际的SQL语句打开数据库//用openDatabase()方法

H5教程 2254 2017-06-21 13:19:34
快速入门createjs实例教程

开始用createjs这个框架的时候，发现网上的相关教程还是挺少的，所以写一篇文章，方便日后查看。 createjs简介官网：http://www.createjs.cc/createjs中包含以下四个部分：EaselJS：用于 Sprites、动画、向量和位图的绘制，创建 HTML5 Canvas 上的交互体验（包含多点触控）TweenJS：用于做动画效果SoundJS：

H5教程 3794 2017-06-21 10:33:14
零基础学习HTML5

1个HTML5基础入门教程，4个HTML5小项目教程，带你零基础入门学习HTML5。【HTML5基础入门】教程将会介绍HTML5中的新特性，包括结构标签、新型表单标签、文件操作、Canvas、本地存储等。适合对前端编程有兴趣，已经学了HTML的人学习。实验列表：【基于 HTML5 实现本地图片裁剪】该项目实现利用 HTML5 的 canvas 技术，结合 HTML5 的 File AP

H5教程 3970 2017-06-21 10:28:43
圆弧和扇形的加载动画该怎么写？

0.静态效果图1.画弧度的代码width: 3em;height: 3em;border: 7px transparent solid;border-left: 7px #4DB6AC solid;border-radius: 50%;　　* 这里还有另一个方式border-left:7px #4DB6AC solid; border-radius: 50%;bor

H5教程 1769 2017-06-21 10:28:01
每天一个JS 小demo之滑屏幻灯片。主要知识点：event

Documentbody { margin: 0;} #wrap { margin: 100px auto; positi

H5教程 1402 2017-06-21 09:01:04