页面载入中...
页面载入中...
你玩过刮刮卡么？一不小心可以中奖的那种。今天我给大家分享一个基于HTML5技术实现的刮刮卡效果，在PC上只需按住鼠标，在手机上你只需按住指头，轻轻刮去图层就可以模拟真实的刮奖效果。源码下载：点击下载我们利用HTML5的画布
HTML5一个重要特性就是DeviceOrientation，它将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。这个特性包括两种事件： 1、 deviceOrientation：封装了方向传感器数据的事件，可以获取手机静止状态下的方
介绍之前做两个声明：以下代码可以直接运行，当然你别忘了引用jQuery才行。 复制代码代码如下: <script> // DeviceOrientation将底层的方向传感器和运动传感器进行了高级封装，提供了DOM事件的支持。 // 这个特性包括两个
<audio>标签可以在HTML5浏览器中播放音频文件。<audio>默认提供一个控制面板，但是有些时候我们只需要播放声音，控制面板由我们自己来定义其显示的状态。这里我们可以使用JS来进行控制，代码如下： 复制代码代码如下: var a
DOM是Web前端领域非常重要的组成部分，不仅在处理HTML元素时会用到DOM，图形编程也同样会用到。比如SVG绘图，各种图形都是以DOM节点的形式插入到页面中，这就意味着可以使用DOM方法对图形进行操作。比如有一个<path id="p1">
在越来越真实的web应用程序中,JavaScript也变得越来越给力.FullScreen API 是一个新的JavaScript API,简单而又强大. FullScreen 让我们可以通过编程的方式来向用户请求全屏显示,如果交互完成,随时可以退出全屏状态.
首先来说，这个标题具有误导性，但这样设置改标题也是主要因为video使用的比较多在html5中，全屏方法可以适用于很多html 元素，不仅仅是video 复制代码代码如下: <!doctype html> <html> <head> <meta charset="utf-8" />
近有在学习html5中video标签（播放器）的使用，这里做一些学习笔记，方便自己查阅和记录，本文是第一篇，将介绍的是使用该标签初始化该做的哪些工作。网上的教程其实也不少了 w3cschool里面的最为简单而详细，那么这几介绍的是一些
上一篇介绍了html5标签video（播放器）初始化需要做的一些工作，如何简单快速使用html5的播放器，本文将重点介绍如何用JS来操作video标签，也就是如何对video做一些简单基本的操作，包括了播放器的播放、暂停，音量的读取、设置等
概述HTML5中的Canvas并没有直接提供绘制椭圆的方法，下面是对几种绘制方法的总结。各种方法各有优缺，视情况选用。各方法的参数相同：1.context为Canvas的2D绘图环境对象， 2.x为椭圆中心横坐标， 3.y为椭圆中心纵坐标， 4.a为椭
前段时间写了一个基于html5 video的视频播放器，从起初的对其不了解，然后到能够写一个基本完善的自定义播放器。在这个过程中，对video标签的属性，方法，事件有了个全面的认识。下面分类列出来一下。<video>标签的属性 复制
做微信公众号和调试手机页面的时候，避免不了页面要跳转到微信浏览器打开，调试阶段，android版微信浏览器一直都默认缓存html静态资源，每次静态资源变化甚至新内容发布的时候在微信浏览器上都极有可能不能更新，很多时候要清
☆ canvas.getContext('2d')不可在convas中直接绘图，必须用该方法获得其二维空间绘图上 下文。☆ context.beginPath()表示开始新的路径绘制。☆ context.isPointInPath(x, y)判断某个点是否在路径上。在坐标系被转换
结构标签：(块状元素) 有意义的div<article> 标记定义一篇文章 <header> 标记定义一个页面或一个区域的头部 <nav> 标记定义导航链接 <section> 标记定义一个区域 <aside> 标记定义页面内容部分
在现在的前端页面中，尤其是移动端，经常会需要将<header>或者是<footer>模块悬浮出来，跟随页面的滑动保持定位在页面的最上方或者是最下方，如下图所示。“回复主题”模块，就是跟随页面的浮动一直悬浮在页面的最下
感谢