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

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

最热

最新

关于动画应用的6篇文章推荐

本文要向Web开发者分享一些干货，如果你热衷于HTML5和CSS3的开发，那么一定会对下面的这些HTML5动画应用感兴趣。本文在提供演示的同时，也会对部分核心代码进行展示和分析，希望各位能够喜欢。jQuery盒子渐变动画菜单这款菜单的展现形式非常有特点，它并不像其他菜单一样纵向或者横向排列，而是排列在矩形方格中，并且点击菜单项即可以动画的方式展开菜单的详细信息，利用CSS3产生非常酷的动画效果。D...

H5教程 1506 2017-06-13 09:41:45
关于动画演示的文章推荐

利用HTML5可以绘制很多静态的图像，也可以制作一些炫酷的动画，本文分享了8个利用HTML5和CSS3实现的动画演示，同时也分享了源代码供大家下载参考。1、HTML5 3D点阵列波浪翻滚动画这个HTML5 Canvas动画非常壮观，给人一种破浪起伏的视觉效果。在线演示源码下载2、纯CSS3实现发光开关切换按钮这款按钮非常有...

H5教程 1414 2017-06-13 09:39:02
关于网络画板的10篇文章推荐

超级炫酷的HTML5 Canvas网络画板代码示例详解在今天的HTML教程里，我们要学习一下如何使用HTML5 Canvas实现一个超酷而又简单的网络画板功能。在这个教程中，我们可以选择笔刷的类型、笔刷的大小以及笔刷的颜色，当然作为画板还需要很多功能，这里只是最基本的绘制功能，大家可以自己实现类似矩形、椭圆等复杂元素的绘制。你也可以再这里查看DEMO演示下面我们来简单地分析一下实现这个HTML5网...

H5教程 7212 2017-06-13 09:24:31
新增特性如何使用？总结新增特性实例用法

ECMAScript 6(简称ES6)是JavaScript语言的最新标准。因为当前版本的ES6是在2015年发布的，所以又称ECMAScript 2015。微信小程序支持绝大部分ES6的新增特性。Constants(常量)ES6新增了const关键字，用来声明常量，一旦声明，常量的值就不能改变了。const只在声明所在的块级作用域内有效。Scoping(作用域)ES6新增了let关键字，用来声明...

H5教程 1504 2017-06-13 09:21:20
推荐3D翻牌效果特效（收藏）

今天给大家带来一个CSS3制作的翻牌效果，就是鼠标移到元素上，感觉可以看到元素背后的信息。大家如果制作考验记忆力的连连看、扑克类的游戏神马的，甚至给女朋友写一些话语，放在使用该实例制作的相册之后都可以尝试下，哈~效果图：实例用到的一些CSS3的新属性： a、-webkit-perspective: 800px; perspective （透视，视角）：属性定义 3...

H5教程 5127 2017-06-12 16:10:36
有关触屏版页面的制作方法

初入前端，分享一下手机上触屏版轮播器的实现过程，大致功能如下：支持循环滑动宽度可任意设置，不需要与屏幕等宽页面可纵向滚动可设置回调监听元素的切换纯js，不借助任何第三方库原理假设子元素.item的width为375px，使用绝对定位将所有子元素放在父元素内将父元素.carousel的width设置为375px，与子元素.item宽度相同为父元素.carousel添加触摸事件：touchstart,...

H5教程 3483 2017-06-12 15:42:10
有关H5中轮播图的制作方法

初入前端，分享一下手机上触屏版轮播器的实现过程，大致功能如下：支持循环滑动宽度可任意设置，不需要与屏幕等宽页面可纵向滚动可设置回调监听元素的切换纯js，不借助任何第三方库原理假设子元素.item的width为375px，使用绝对定位将所有子元素放在父元素内将父元素.carousel的width设置为375px，与子元素.item宽度相同为父元素.carousel添加触摸事件：touchstart,...

H5教程 6486 2017-06-12 15:41:16
popstate如何使用？总结popstate实例用法

这篇文章主要介绍了HTML5之pushstate、popstate操作history,无刷新改变当前url的相关资料,需要的朋友可以参考下一、认识window.historywindow.history表示window对象的历史记录，是由用户主动产生，并且接受javascript脚本控制的全局对象。window对象通过history对象提供对览器历史记录的访问能力。它暴露了一些非常有用的方法和属性...

H5教程 5624 2017-06-12 13:43:21
有关手机页面的文章推荐10篇

这篇文章主要介绍了HTML5对手机页面长按会粘贴复制禁用的解决方法的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下解决方法如下所示：直接在CSS 文件中添加下面的代码，就可以实现了在手机端禁止粘贴复制的功能：XML/HTML Code复制内容到剪贴板*{ -webkit-tou...

H5教程 2052 2017-06-12 13:33:14
推荐8篇html5+JavaScript实例教程

html5 网页特效邮箱地址验证body, inpu

H5教程 3219 2017-06-12 13:25:41
总结10篇基本绘图用法实例教程

伪类和伪元素皆独立于文档结构。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征，而是在处于特殊状态的元素（伪类），或者是元素中特别的内容（伪元素）。区别总结如下：CSS伪类 (Pseudo-classes)：用于向某些选择器添加特殊的效果，即在元素当前静态样式的基础上添加特殊效果（一般都是动态效果），所以一个元素达到一个特定状态时，它可能得到一个伪类的样式；当状态改变...

H5教程 1482 2017-06-12 13:16:59
关于按钮背景的设计的文章汇总

xml模版，自定义按钮背景

H5教程 1581 2017-06-12 12:00:27
总结CreateJS的详细介绍

CreateJS库是一款HTML5游戏开发的引擎，是一套可以构建丰富交互体验的HTML5游戏的开源工具包，旨在降低HTML5项目的开发难度和成本，让开发者以熟悉的方式打造更具现代感的网络交互体验。掌握了CreateJS可以更方便的完成HTML5的游戏开发。CreateJS提供了EaselJS、TweenJS、SoundJS和PreLoadJS四款工具：EaselJS:简化处理HTML5画布Tw...

H5教程 4816 2017-06-12 11:49:36
分享与火焰特效相关的文章10篇

Canvas是HTML5中非常重要而且有用的东西，我们可以在Canvas上绘制任意的元素，就像你制作Flash一样。今天我们就在Canvas上来制作一款火焰发射的效果。就像古代的火球炮一样，而且可以在浏览器边缘反弹，感觉会比较屌。来看看效果图：我们可以在这里查看火焰球的DEMO演示当然，我们要来分析一下源代码，主要是一些JS代码。首先很简单地在页面上放一个canvas标签，并且给它点简单的样式：&...

H5教程 2128 2017-06-12 11:45:30
关于HTML5音频与视频的详细介绍

1.Pyglet是什么：Pyglet是一个纯Python语言编写的跨平台框架，用于开发多媒体和窗口特效应用。为什么需要它：从头开发图形界面应用所需要的功能模块是十分繁琐的，Pyglet提供了大量现成的模块，省去了很多的时间：窗口函数，OpenGL特效，音频与视频回放，键鼠处理以及图片处理。（不过，Pyglet并没有提供类似按钮、工具栏或菜单等UI部件。）所有上述模块都是在W...

H5教程 1947 2017-06-12 11:16:47