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

  • 分享与火焰特效相关的文章10篇
    分享与火焰特效相关的文章10篇
    Canvas是HTML5中非常重要而且有用的东西,我们可以在Canvas上绘制任意的元素,就像你制作Flash一样。今天我们就在Canvas上来制作一款火焰发射的效果。就像古代的火球炮一样,而且可以在浏览器边缘反弹,感觉会比较屌。来看看效果图:我们可以在这里查看火焰球的DEMO演示当然,我们要来分析一下源代码,主要是一些JS代码。首先很简单地在页面上放一个canvas标签,并且给它点简单的样式:&...
    H5教程 2373 2017-06-12 11:45:30
  • 关于HTML5音频与视频的详细介绍
    关于HTML5音频与视频的详细介绍
    1.Pyglet是什么:Pyglet是一个纯Python语言编写的跨平台框架,用于开发多媒体和窗口特效应用。 为什么需要它:从头开发图形界面应用所需要的功能模块是十分繁琐的,Pyglet提供了大量现成的模块,省去了很多的时间:窗口函数,OpenGL特效,音频与视频回放,键鼠处理以及图片处理。(不过,Pyglet并没有提供类似按钮、工具栏或菜单等UI部件。) 所有上述模块都是在W...
    H5教程 2177 2017-06-12 11:16:47
  • html5实现各种图片样式实例用法汇总
    html5实现各种图片样式实例用法汇总
    在我们日常Web网页布局中,我们经常会遇到对对象内鼠标指针光标进行控制,比如鼠标经过指针变为手指形状等样式,常见有些网站鼠标指针是各种各样小图片样式,那么如何实现鼠标样式呢?下面我们就给大家来总结下实现鼠标样式的总结!CSS中实现鼠标样式:1.CSS中的鼠标样式明细 这篇文章详述了关于CSS中实现鼠标样式的一些常用参数的详细介绍,对css实现鼠标样式有很大帮助!2.web中自定义鼠标样式...
    H5教程 4906 2017-06-12 11:04:44
  • 有关设计参考的文章推荐5篇
    有关设计参考的文章推荐5篇
    现在的Web页面已经越来越走向高端化和易操作化,jQuery的大量应用,让Web开发者更容易驾驭前端页面的控制,HTML5的引入也更让网站页面的元素生动富有活力。本文主要向大家分享一些可以让页面更加引人注目的HTML5/jQuery动画插件,作为设计参考。1、HTML5 Canvas实现会跳舞的时间动画这款HTML5动画非常有意思,首先它的原型是一个时钟,但是canvas技术的使用,让这个时钟没走...
    H5教程 2008 2017-06-12 10:50:27
  • 什么是标准模式?总结标准模式的实例用法
    什么是标准模式?总结标准模式的实例用法
    1. 新的Doctype 尽管使用,即使浏览器不懂这句话也会按照标准模式去渲染也可以考虑使用怪异盒模式2. Figure元素 用和来语义化地表示带标题的图片  
    H5教程 5005 2017-06-12 10:28:55
  • html5 canvas画图实例用法汇总
    html5 canvas画图实例用法汇总
    HTML5 canvas画图HTML5 <canvas> 标签用于绘制图像(通过脚本,通常是 JavaScript)。不过,<canvas> 元素本身并没有绘制能力(它仅仅是图形的容器) - 您必须使用脚本来完成实际的绘图任务。getContext() 方法可返回一个对象,该对象提供了用于在画布上绘图的方法和属性。本手册提供完整的 getContext("2d&q...
    H5教程 2972 2017-06-12 09:55:29
  • 画图工具如何使用?总结画图工具实例用法
    画图工具如何使用?总结画图工具实例用法
    继上次学习了HTML5的路径画圆做了动态时钟、异次元空间的反转做了运动的太阳系,这两天将画线、画圆、填充等知识点结合起来做了一个简易的在线画图工具:查看DEMO:HTML5简易在线画图工具功能包括自由画笔、橡皮擦、文字填充、画三角形、画圆等,相对我这个新手来说,感觉挺难的,不过还是参考了资料慢慢“拼”出来了。自由画笔的思路:/******* 自由画笔 *******/fun...
    H5教程 3488 2017-06-12 09:35:18
  • 关于localStorage、sessionStorage的文章推荐
    关于localStorage、sessionStorage的文章推荐
    1、概述localStorage和sessionStorage统称为Web Storage,它使得网页可以在浏览器端储存数据。sessionStorage保存的数据用于浏览器的一次会话,当会话结束(通常是该窗口关闭),数据被清空;localStorage保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数据。除了保存期限的长短不同,这两个对象的属性和方法完全一样。它们很像coo...
    H5教程 2135 2017-06-12 09:17:07
  • 有关基础模板的课程推荐
    有关基础模板的课程推荐
    HTML5基础模板的实例代码分享
    H5教程 1806 2017-06-12 09:15:50
  • 关于FileAPI的详细介绍
    关于FileAPI的详细介绍
    在HTML5中,提供了一个关于文件操作的API,通过这个API,对于从web页面上访问本地文件系统的相关处理变得十分简单。到目前为止只有部分浏览器对它提供支持。1.FileList对象和File对象  FileList对象表示用户选择的文件列表,在HTML4中file控件内只允许放置一个文件,但在HTML5中通过添加multiple属性,file控件内允许放置多个文件。控件内的每一个用户选择的文件...
    H5教程 2029 2017-06-11 16:32:54
  • 关于动画形式的详细介绍
    关于动画形式的详细介绍
    本文主要用到的知识  本文主要用到了Canvas API中的drawImage方法,下面对此方法略做介绍。  在Canvas API中绘制图像用drawImage方法,这是一个重载方法,定义如下:context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context.drawImage(image,sx,sy,sw,sh,...
    H5教程 1936 2017-06-11 15:03:50
  • 移动站如何使用?总结移动站实例用法
    移动站如何使用?总结移动站实例用法
    目前使用手机端购物的人越来越多,移动端的流量已经超出了PC端,很多商家直接推出了自己的移动站,甚至有些商家只建设移动站,摒弃了传统PC站,既然移动站这么火热,php中文网也为大家推荐5款大气的手机商城前端模板,欢迎下载!1. 手机WAP版水果商城网站模板全套下载演示和下载地址:http://www.php.cn/xiazai/code/184手机WAP版水果商城网站模板全套下载,很漂亮,欢迎下载!...
    H5教程 1764 2017-06-11 13:56:48
  • 关于浏览器历史的详细介绍
    关于浏览器历史的详细介绍
    DOM中的window对象通过window.history方法提供了对浏览器历史记录的读取,让你可以在用户的访问记录中前进和后退。从HTML5开始,我们可以开始操作这个历史记录堆栈。1.History使用back(),forward(),和go()方法可以在用户的历史记录中前进和后退前进和后退后退:window.history.back();这个方法会像用户点击了浏览器工具栏上的返回键一样。同样的...
    H5教程 2117 2017-06-11 13:29:14
  • 关于移动页面的详细介绍
    关于移动页面的详细介绍
    在处理移动端页面时,我们有时会需要将 banner 图做成与屏幕等宽的正方形以获得最佳的体验效果,如 Flipbord 的移动页面:那么应该怎么使用纯 CSS 制作出能够自适应大小的正方形呢?方案一:CSS3 vw 单位CSS3 中新增了一组相对于可视区域百分比的长度单位 vw, vh, vmin, vmax。其中 vw 是相对于视口宽度百分比的单位,1vw = 1% viewport width...
    H5教程 2089 2017-06-11 13:25:32
  • %r和%s的实例用法总结
    %r和%s的实例用法总结
    HTML5支持跨文档消息通信(Cross-Document Messaging)。既然使用到消息通信,那么必然有事件(event)产生。根据事件的产生和消费,我们能够找到发送者和接收者,也就是Sender和Listener。其中Litener需要做如下的工作:编写一个消息处理函数;将消息处理函数注册:addEventListener('message', function, fal...
    H5教程 2234 2017-06-11 13:16:00

工具推荐

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