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

  • 有关摇摆的文章推荐
    有关摇摆的文章推荐
    这又是一款基于HTML5 Canvas的3D动画杰作,它是一个可以随风飘动的3D衣服摇摆动画特效,非常逼真。当我们将鼠标滑过衣服时,衣服将会出现摇摆的动画,点击鼠标时,衣服将会更加剧烈地摆动。在线演示源码下载HTML代码
    H5教程 1423 2017-06-15 10:46:00
  • 有关变幻的课程推荐4篇
    有关变幻的课程推荐4篇
    在上一节中我们讲了颜色和像素是怎么回事,其实大多数情况下,我们用不到像素级别的操作,我们只需要对颜色进行整体设置就行了。一、基本颜色在HTML5边玩边学(二)-基础绘图中,我们提到过有两个上下文属性可以用来设置颜色:strokeStyle 决定了你当前要绘制的线条的颜色fillStyle  决定了你当前要填充的区域的颜色颜色值只要是符合CSS3 颜色值标准的有效字符串都可以。下...
    H5教程 1602 2017-06-15 10:45:18
  • 原生拖拽的相关内容推荐
    原生拖拽的相关内容推荐
    可拖动dragable属性之前我们已经为大家介绍过几篇有关HTML5中原生拖拽的相关知识了。今天为大家介绍HTML5拖拽中的其他一些小东东,闲话不多说赶快一起看看吧。  在默认情况下,链接、文本和图像是可以拖动的,不用再写代码即可拖动。如果想让其他元素标签也可以拖动,那么只有HTML5能实现了。HTML5为所有HTML元素规定了dragable属性,表示元素是否可以拖动。链接和图像的标签中...
    H5教程 1385 2017-06-15 10:33:35
  • 推荐10款跨文档特效(收藏)
    推荐10款跨文档特效(收藏)
    HTML5支持跨文档消息通信(Cross-Document Messaging)。既然使用到消息通信,那么必然有事件(event)产生。根据事件的产生和消费,我们能够找到发送者和接收者,也就是Sender和Listener。其中Litener需要做如下的工作:编写一个消息处理函数;将消息处理函数注册:addEventListener('message', function, fal...
    H5教程 1469 2017-06-15 10:30:56
  • DOM对象入门教程:10个DOM对象零基础入门教程推荐
    DOM对象入门教程:10个DOM对象零基础入门教程推荐
    只是一个绘制图形的容器,除了id、class、style等属性外,还有height和width属性。在>元素上绘图主要有三步: 1.获取元素对应的DOM对象,这是一个Canvas对象;2.调用Canvas对象的getContext()方法,得到一个CanvasRenderingC...
    H5教程 5351 2017-06-15 10:15:36
  • 有关定义列表的课程推荐10篇
    有关定义列表的课程推荐10篇
    HTML5 的基本标记有很多种,今天介绍列表标记列表标记 列表标记可以在网页中以列表形式排列文本元素, 列表标记有3种: 有序列表,无序列表,自定义列表像:          苹果
    H5教程 1386 2017-06-15 10:14:37
  • 关于本地预览的10篇文章推荐
    关于本地预览的10篇文章推荐
    这篇文章主要介绍了JS+HTML5实现上传图片预览效果,结合完整实例形式分析了javascript上传图片本地预览的具体操作步骤与相关实现技巧,需要的朋友可以参考下本文实例讲述了JS+HTML5实现上传图片预览效果。分享给大家供大家参考,具体如下:在项目中遇到用input标签file类型的文件上传,想实在上传之前进行图片的预览功能;之前的做的一个解决方案是文件先上传上去然后返回地址再显示在页面上,...
    H5教程 2165 2017-06-15 10:05:00
  • 浅谈媒体元素的实例教程
    浅谈媒体元素的实例教程
    HTML5中的视频标签和及其模仿视频播放器的效果在一些手机端应用比较多。因为手机端基本上废除了flash的独断,让HTML5当家做主人,所以对视频支持的比较好。所以今天专门为大家奉上HTML5视频标签模拟视频播放器的小例子,让大家更好的理解HTML5和有效的应用在项目中。  HTML代码
    H5教程 1467 2017-06-15 09:48:28
  • 有关页面访问速度的文章推荐10篇
    有关页面访问速度的文章推荐10篇
    原文标题:Google的AMP-加速移动页面,作者 Zac上星期在第6届SEO排行榜上做了一个演讲,分享了一些国际上SEO行业的最新情况。其中一个内容是Google的AMP项目,也在这里聊一下。AMP,Accelerated Mobile Pages,译意大致是”加速的移动页面”,是Google去年10月份推出的一个提高移动页面访问速度的技术,具体技术细节可以在项目官网看到,有简单的中文...
    H5教程 1426 2017-06-15 09:34:56
  • 有关header定义的文章推荐8篇
    有关header定义的文章推荐8篇
    一、定义全局的header这个header是所有panel默认的header,需要在内部,也就是和同一级的位置添加一个header 标签,并且id必须是header例如: &
    H5教程 1605 2017-06-15 09:16:35
  • 推荐5款Canvas.toDataURL特效(收藏)
    推荐5款Canvas.toDataURL特效(收藏)
    问题背景:遇到一个需求,要对播放的视频进行截图,视频使用video标签来播放,然后点击视频播放区域时截取实时的帧图片。代码很简单如下:var video = document.getElementById('video');     var canvas = doc..
    H5教程 1520 2017-06-15 09:16:00
  • 有关家电的文章推荐10篇
    有关家电的文章推荐10篇
     HTML5颠覆了PC互联网的格局,优化了移动互联网的体验,接下来几年,HTML5将颠覆原生App世界。  跨平台:  在多屏年代,开发者的痛苦指数非常高,人人都期盼HTML5能扮演救星。多套代码、不同技术工种、业务逻辑同步,这是折磨人的过程。有点类似个人电 脑早期世界,那个时候的每家电脑都有自己的操作系统和编程语言,开发者疲于做不同版本,其实DOS的盛行也很大程度是因为开发者实在没精力...
    H5教程 1924 2017-06-14 17:10:44
  • 有关跨域通信的文章推荐10篇
    有关跨域通信的文章推荐10篇
    HTML5中提供了在网页文档之间相互接收与发送信息的功能。使用这个功能,只要获取到网页所在窗口对象的实例,不仅仅同源(域+端口号)的web网页之间可以互相通信,甚至可以实现跨域通信。浏览器支持程度:IE8+,firefox4+,chrome8+  opera10+1. 首先,要想接收从其他的窗口发过来的消息,就必须对窗口对象的message事件进行监听,如下代码:window.addEv...
    H5教程 1608 2017-06-14 17:06:05
  • 有关window.postMessage的文章推荐6篇
    有关window.postMessage的文章推荐6篇
    这篇文章主要介绍了详解HTML5 window.postMessage与跨域,非常具有实用价值,需要的朋友可以参考下在前一篇文章中,讲到浏览器同源策略,即阻止不同域的页面间访问彼此的方法和属性,并对解决同源策略跨域问题提出的解决方案进行阐述:子域代理、JSONP、CORS。本篇将详细阐述HTML5 window.postMessage,借助postMessage API,文档间可以以安全可控的方式...
    H5教程 1509 2017-06-14 15:56:46
  • 关于游戏开发的6篇文章推荐
    关于游戏开发的6篇文章推荐
    前两篇,RPG的开发已经实现了添加地图和添加游戏人物,本篇来实现地图的卷轴滚动和人物对话的实现,效果如下地图的滚动关于地图的滚动原理,可以参照下图按照上图说明,实现地图滚动,只需要先把即将出现的地图(图中黄色部分)画上,然后滚动地图,待地图滚动完毕之后,将屏幕之外的部分(图中绿色部分)移除首先要添加一个变量来控制地图是否滚动//地图滚动var mapmove = ...
    H5教程 1914 2017-06-14 14:20:07

工具推荐

jQuery企业留言表单联系代码

jQuery企业留言表单联系代码是一款简洁实用的企业留言表单和联系我们介绍页面代码。
表单按钮
2024-02-29

HTML5 MP3音乐盒播放特效

HTML5 MP3音乐盒播放特效是一款基于html5+css3制作可爱的音乐盒表情,点击开关按钮mp3音乐播放器。
播放器特效
2024-02-29

HTML5炫酷粒子动画导航菜单特效

HTML5炫酷粒子动画导航菜单特效是一款导航菜单采用鼠标悬停变色的特效。
菜单导航
2024-02-29

jQuery可视化表单拖拽编辑代码

jQuery可视化表单拖拽编辑代码是一款基于jQuery和bootstrap框架制作可视化表单。
表单按钮
2024-02-29

有机果蔬供应商网页模板 Bootstrap5

一款有机果蔬供应商网页模板-Bootstrap5
Bootstrap模板
2023-02-03

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus

Bootstrap3多功能数据信息后台管理响应式网页模板-Novus
后端模板
2023-02-02

房产资源服务平台网页模板 Bootstrap5

房产资源服务平台网页模板 Bootstrap5
Bootstrap模板
2023-02-02

简约简历资料网页模板 Bootstrap4

简约简历资料网页模板 Bootstrap4
Bootstrap模板
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG素材
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
banner图
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG素材
2024-02-27

家居装潢清洁维修服务公司网站模板

家居装潢清洁维修服务公司网站模板是一款适合提供家居装潢、清洁、维修等服务机构宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-05-09

清新配色个人求职简历引导页模板

清新配色个人求职简历引导页模板是一款适合清新配色风格的个人求职简历作品展示引导页网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-29

设计师创意求职简历网页模板

设计师创意求职简历网页模板是一款适合各种不同设计师岗位个人求职简历展示网页模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28

现代工程建筑公司网站模板

现代工程建筑公司网站模板是一款适合从事工程建筑服务行业宣传网站模板下载。提示:本模板调用到谷歌字体库,可能会出现页面打开比较缓慢。
前端模板
2024-02-28
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!