html5案例教程 - 腾讯云开发者社区 - 腾讯云

开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

【案例】 HTML5 SVG图标按钮菜单特效

哈喽大家好，又到了每周二经典案例环节啦~ 今天段老师给同学们带来的是HTML5 SVG图标按钮菜单特效。...01脚本简介 HTML5 SVG图标按钮菜单特效是一款TweenMax基于svg绘制图标按钮点击展开多个图标菜单特效。 02效果展示 HTML5 SVG图标按钮菜单特效 ?...那就快戳下方视频学习吧~ 03教学视频 ▼ 视频内容以上就是给同学们分享的HTML5 SVG图标按钮菜单特效的教学视频~聪明的你学会了吗?...本期教程源文件 https://pan.baidu.com/s/1KZ3zscosBV50yJEizYmaMg 提取码：a1mm

9.2K3 0

HTML5 WebSockets 基础使用教程

摘要：HTML5之中一个很酷的新特性就是WebSockets，它可以让我们无需AJAX请求即可与服务器端对话。...第一步：搞定WebSocket服务器　这篇教程会把更多的精力放在客户端的创建而不是服务器端的执行等操作。　　我使用基于windows 7的XAMPP来实现本地运行PHP。...(以我的经验这个版本存在一些小问题，我已对它做了些修改并上传源文件共享给大家)下面的这些不同版本也可以实现WebSocket，如果某个不能用，你可以试试其它版本或者继续看下面的教程。...1 function message(msg){ 2 $('#chatLog').append(msg+''); 3 } 目前的成果如果你已按上面教程按部就班的做的话，很好，我们已经创建了

1.7K2 0

您找到你想要的搜索结果了吗？

是的

没有找到

【案例】 HTML5 Canvas流动线条动画特效

点击上方[我分享我快乐]→[...]右上角→[设为星标⭐]即可第一时间获取最新设计资源 HTML5 Canvas流动线条动画特效是一款基于Canvas画布制作的透明飘动的丝带背景动画特效。...那就快戳下方视频学习吧~ 教学视频 ▼ https://v.qq.com/x/page/r0928pn07ag.html 以上就是给同学们分享的如何用HTML5 制作 Canvas 流动线条动画特效教学视频...~后期我会给同学们每周分享一个经典（实用）案例。

6.3K1 0

【案例】HTML5响应式导航菜单特效

哈喽大家好，又到了每周二经典案例环节啦~ 今天段老师给同学们带来的是HTML5响应式导航菜单特效 ? 01脚本简介 HTML5响应式导航菜单特效是一款非常实用的宽屏导航菜单ui布局特效。...02效果展示 HTML5响应式导航菜单特效 ? 屏幕前的你想知道如何制作吗？...那就快戳下方视频学习吧~ 03教学视频 ▼https://v.qq.com/x/page/t095788qlm3.html 以上就是给同学们分享的HTML5响应式导航菜单特效教学视频~聪明的你学会了吗?...（想要观看清晰视频点击阅读原文）本期教程源文件链接同学们还想了解哪些网页知识就在后台留言给我吧！同学们还想了解哪些网页知识就在后台留言给我吧！...本期教程源文件链接本期教程源文件链接 https://pan.baidu.com/s/1X04nHHrqWE6Pvtm7BiMngw 提取码：hq20

10.3K1 0

HTML5超级简单免费入手教程

align="center"> rose 0371-8888 0371-9999 案例

3K0 0

HTML5(十一)——WebSocket 基础教程

websocket 是 HTML5 提供的一种长链接双向通讯协议，使得客户端和服务器之间的数据交换更简单，允许服务端主动向客户端推送数据，并且客户端与服务端只需连接一次，就可以保持长久连接，并进行数据通信

8742 0

HTML5简明教程（一）概述

HTML5遵循的理念是不破坏原有HTML规则下，增加更多新功能，不仅仅是HTML标签，还涉及需要JavaScript支持的富Web应用开发，以及CSS3。...《深入浅出HTML5》将分为几个篇章对HTML5新特性进行介绍。 1. HTML5模板 : HTML5文档类型，默认会触发标准模式。如果不定义文档类型，浏览器会以混杂模式显示页面，不同浏览器的混杂模式不同，这样会导致页面在不同浏览器下显示不一致。...浏览器支持推荐工具 http://caniuse.com/ ，通过它可以查看浏览器对HTML5支持情况。比如canvas标签： ? canvas support.png

1.1K2 0

零基础html5网页开发教程第008期导航栏开发案例

导航栏，有的人又喜欢叫菜单栏。确实和菜单有点像。导航栏几乎会用在所有的网站中。那么导航栏是怎么开发出来的呢？今天我们就来开发一个最为简单的导航栏。

1.3K1 0

HTML5(十一)——WebSocket 基础教程

websocket 是 HTML5 提供的一种长链接双向通讯协议，使得客户端和服务器之间的数据交换更简单，允许服务端主动向客户端推送数据，并且客户端与服务端只需连接一次，就可以保持长久连接，并进行数据通信

1.4K2 0

【教程下载】HTML5游戏开发(全)

点击“蚂蚁HTML5社区”，快速关注，每天一个免费开源程序。 HTML5有望成为网络游戏开发的热门新平台。...HTML5游戏能够运行于包括iPhone系列和iPad系列在内的计算机、智能手机以及平板电脑上。今天，我们加入HTML5游戏开发的急先锋，明日将成为时代的弄潮儿。...HTML5、CSS3以及相关的JavaScript API是网络上最新的热点话题。这些标准给我们带来一个新的游戏市场—HTML5游戏。...通过新的功能，我们能用HTML5元素、CSS3属性，以及JavaScript来设计运行于浏览器的游戏。本书根据关注话题的侧重点而分成9章。...书籍教程仅限于交流学习使用，请购买正版，下载请点击阅读原文 ↓↓↓↓↓↓

3.4K1 0

HTML5(十一)——WebSocket 基础教程

websocket 是 HTML5 提供的一种长链接双向通讯协议，使得客户端和服务器之间的数据交换更简单，允许服务端主动向客户端推送数据，并且客户端与服务端只需连接一次，就可以保持长久连接，并进行数据通信

1K3 0

HTML5学习-day01【悟空教程】

HTML5学习-day01【悟空教程】 ? 公众号演示无法呈现建议在pc上打代码实现概述 HTML5 ?...SO ~ HTML5是HTML的最新一代版本 HTML5是用来表示更NB一点的文本？ NO ！！！...这个仅仅可以理解为H5的狭义概念 What is HTML5 H5草案前身 Web Application 提出 by WHATWG @2004 接纳 by W3C @2007 发布HTML5第一个草案...HTML5规范万维网联盟宣布，HTML5和Canvas 2D规范的制定已经完成，尽管还不能算是W3C标准，但是这些规范已经功能完整，企业和开发人员有了一个稳定的执行和规划目标。...让Web开发重新回归富客户端的时代 HTML5 的应用场景极具表现力的网页案例非常多网页应用程序 PC端：iCloud、百度脑图、Office 365··· APP端：淘宝、京东、美团··· WeChat

1.8K3 0

HTML5简明教程（四）Web存储

HTML5的Web存储涉及两部分内容，一是数据存储，支持更多本地存储方案；二是文件读取，支持了File API。 1....HTML5出现之前，本地存储只有一种方式：cookie。...但是，cookie有着明显的缺点，存储数据量少，会被携带到HTTP请求上增加传输开销......HTML5提供两种新的本地存储方式：localStorage和sessionStorage。...HTML5还提供了File API从硬盘上提取文件，交给网页中运行的JavaScript。 HTML5 File API只能读取文件，不能修改或创建文件。...document.getElementById("fileContent"); fileContent.textContent = e.target.result; } HTML5

1.6K3 0

一步HTML5教程学会体系

HTML5是HTML最新的版本，万维网联盟。 HTML5是下一代的HTML标准，HTML5是为了在移动设备上支持多媒体。...article，footer，header，nav，section calendar，date，time，email，url，search HTML5语法 HTML5标签名大写，属性的双引号可选，属性值可选... HTML5 属性元素可以包含属性给一个元素设置各种属性。 ...

1.9K2 0

HTML5炫酷流星动画特效教程

简要教程 ---- 这是一款HTML5炫酷光粒子动画特效。该特效通过js在页面中生成canvas元素，并通过算法在其中生成炫酷的光粒子动画特效。...window.requestAnimationFrame(draw); } window.addEventListener("load", setup); window.addEventListener("resize", resize); HTML5

11.4K3 0

HTML5简明教程（五）离线应用

HTML5支持离线功能，当网络不可用时，网页还能够正常访问，部分功能还将继续使用。实现离线应用，最重要的是缓存资源，因此，离线应用核心需要定义一份描述文件，指定需要缓存的具体资源。

1.1K1 0

HTML5学习-day02【悟空教程】

HTML5学习-day02【悟空教程】 ? JavaScript API 基础API提升 New Selectors 提供类似于jQuery中选择器的API 通过类名查找元素 ?...HTML5 history API并不完美即使只考虑支持HTML5 history API的浏览器，它们对HTML5 history API的一些细节处理也会有差异和问题。.../html5/appcache/:13 noupdate /html5/appcache/:37 当manifest文件进行修改后，console如下： checking /html5.../appcache/:13 dowload /html5/appcache/:27 5 progress /html5/appcache/:49 updateready /html5...设备信息访问学习目标课后尝试使用地理位置API结合百度地图做案例可以写一个摇一摇

2.5K3 0

基于 HTML5 的 3D 工控隧道案例

隧道的项目我目前是第一次接触，感觉做起来的效果还蛮赞的，所以给大家分享一下。这个隧道项目的主要内容包括：照明、风机、车道指示灯、交通信号灯、情报板、消防、火灾报...

1.3K2 0

HTML5与CSS3权威指南笔记案例1

DOCTYPE html> HTML5 我是达叔你好呀完成图片中的代码我的技术博客元素 HTML5...">历史我的设置 HTML5..."> HTML5 HTML5的历史

9604 0

Vue教程(组件-切换案例)

前面介绍了Vue中组件的创建方式和data及methods属性，本文我们来做一个Vue组件的切换案例，效果如下: ?...这个效果相信大家都能搞定，本文希望通过这个案例来加深下组件的使用， Vue 组件切换案例基础页面 <!

1.1K2 0

点击加载更多

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭