HTML5 Canvas实现文本对齐的方法总结
水平对齐textAlign JavaScript Code复制内容到剪贴板

  分类: HTML

HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
到目前为止,SVG与Canvas的主要特性均已经总结完毕了。它们都是HTML5中支持的2D图形展示技术,而且均支持向量图形。现在,我们就来比对一下这两种技术,分析一下它们的长处和适用场景。首先分析一下两种技术的显著特点,看下面的表格:  Canvas SVG

  分类: HTML

X/HTML5 和 XHTML2
在了解了XHTML 2的进展之后,我们再来看看X/HTML 5 的进展。 X/HTML 5酷在什么地方 章节元素的构想 X/HTML 5引入新的元素用于把Web页面分成若干章节。这些组成部分有助于搜索引擎和辅助工具更好地理解页面内容。使用这些新元素可以使标签更具可读性。 章节化内容的构想很酷!但是请看一下为什么使用章节的技术不够酷。 对话元素 对话元素

  分类: HTML

使用canvas绘制超炫时钟
先上效果图: 复制代码代码如下:<!DOCTYPE ht

  分类: HTML

HTML5全屏(Fullscreen)API详细介绍
在越来越真实的web应用程序中,JavaScript也变得越来越给力. FullScreen API 是一个新的JavaScript API,简单而又强大. FullScreen 让我们可以通过编程的方式来向用户请求全屏显示,如果交互完成,随时可以退出全屏状态. 在线演示Demo:  Fullscreen API Example (在此Demo中,可以Launch ,Hide ,以及Dump显示相关属性,可以通过chrome的控制台

  分类: HTML

如何实现textarea中获取动态剩余字数的方法
工作中遇到一个案例,之前没有写过,今儿啃了半个下午硬是给写出来,灰常又成就感!当然对于js大牛来说这根本不算啥,但是对于我自己的js能力又向前迈出一小步。 案例介绍:我们常见到有的网站有textarea文本框,当你输入的时候,下面有文字提示还能输入多少个字,今天就是要实现这个功能。当然,由于一个页面有好几个textarea,所以使用单个js逻辑进行控制是不行的,得小小的进行封装一下。当然我的封装还有缺漏,但是基本功能是实现了。

  分类: HTML

详解HTML5中的Communication API基本使用方法
1.跨文档消息通信跨文档消息通信可以确保iframe、标签页、窗口间安全地进行跨源通信。它把postMessage API定义为发送消息的标准方式。利用postMessage发送消息非常简单,代码如下所示:chatFrame.contextWindow.postMessage('Hello,world','http://www.example.com');接收消息时仅需在页面种增加一个事件处理函数。当某个消息到达时,通过检查消

  分类: HTML

通过href简单实现点击a链接跳到页面中指定的地方
在页面中点击a标签后,要使其跳到页面里面相应的地方,方法很简单,就是在a标签里面href中的内容和你要跳到这个区域的id同名即可,例如: 复制代码代码如下:

  分类: HTML

HTML最新标准HTML5总结(必看)
HTML5出来已经很久了,然而由于本人不是搞前端的,只知道有这个东西,具体概念有点模糊(其实就是一系列标准规范啦);因此去年,专门对HTML5做了个简单的小结,今天正好看到,整理一下放到我的博客,以免丢失。有错误请指正,我是前端菜鸟。 先来个目录,如下: •什么是HTML5 •HTML5发展历史

  分类: HTML

HTML 中的 dl(dt,dd)、ul(li)、ol(li) 使用方法
HTML <dl> 标签 #定义和用法 <dl> 标签定义了定义列表(definition list)。<dl> 标签用于结合 <dt> (定义列表中的项目)和 <dd> (描述列表中的项目)。 #实例

  分类: HTML

HTML网页的浏览器标题栏显示小图标的方法
 就像这种效果,方法也很简单,就是, 在head里写:<link rel='icon' href='pic.ico ' type=‘image/x-ico’ /> 记得图标是.ico格式的文件,不然不会显示

  分类: HTML

HTML5 Canvas绘制五星红旗
Canvas 绘图 API 都没有定义在 <canvas> 元素本身上,而是定义在通过画布的 getContext() 方法获得的一个“绘图环境”对象上。 Canvas API 也使用了路径的表示法。但是,路径由一系列的方法调用来定义,而不是描述为字母和数字的字符串,比如调用 beginPath() 和 arc() 方法。 一旦定义了路径,其他的方法,如 fill(),都是对此路径操作。绘图环境的各种属性,比如 fillS

  分类: HTML

用HTML5实现手机摇一摇的功能的教程
在百度开发者大会上我介绍过HTML5另外一个重要特性就是DeviceOrientation,它将底层的方向传感器和运动传感器进行了高级封装,提供了DOM事件的支持。这个特性包括两种事件:1、  deviceOrientation:封装了方向传感器数据的事件,可以获取手机静止状态下的方向数据,例如手机所处角度、方位、朝向等。2、  deviceMotion:封装了运动传感器数据的事件,可以获取手机运动状态下的运动加速度等数据。使用它我们

  分类: HTML

a 中调用js的几种方法整理及使用推荐
我们常用的在a标签中有点击事件: 1. a href="javascript:js_method();" 这是我们平台上常用的方法,但是这种方法在传递this等参数的时候很容易出问题,而且javascript:协议作为a的href属性的时候不仅会导致不必要的触发window.onbeforeunload事件,在IE里面更会使gif动画图片停止播放。W3C标准不推荐在href里面执行javascript语句

  分类: HTML

HTML5 audio标签使用js进行播放控制实例
<audio>标签可以在HTML5浏览器中播放音频文件。 <audio>默认提供一个控制面板,但是有些时候我们只需要播放声音,控制面板由我们自己来定义其显示的状态。 这里我们可以使用JS来进行控制,代码如下:

  分类: HTML

HTML5添加鼠标悬浮音响效果不使用FLASH
使用HTML5+jQuery,不使用FLASH: 浏览器适用范围:Firefox 3.5+, Chrome 3+, Opera 10.5+, Safari 4+, IE 9+ 代码示例: 复制代码

  分类: HTML

HTML5如何为形状图上颜色怎么绘制具有颜色和透明度的矩形
一、自定义画笔样式 如果想为形状图上颜色,需要使用以下两个重要的属性。 fillStyle : 设置下来所有fill操作的默认颜色。 strokeStyle : 设置下来所有stroke操作的默认颜色。 二、绘制具有颜色和透明度的矩形

  分类: HTML

input checkbox 扩大点击范围的实现方法
XML/HTML Code复制内容到剪贴板

  分类: HTML

html5拖曳操作 HTML5实现网页元素的拖放操作
HTML5之前,要实现网页元素的拖放操作,需要依靠mousedown、mousemove、mouseup等API,通过大量的JS代码来实现;HTML5中引入了直接支持拖放操作的API,大大简化了网页元素的拖放操作编程难度,并且这些API除了支持浏览器内部元素的拖放外,同时支持浏览器和其它应用程序之间的数据互相拖动。 本文通过一个简单示例,演示HTML5中拖放API的使用方法。 场景: 如下图所示,我们要实现:

  分类: HTML

带你认识HTML5中的WebSocket
认识 HTML5 的 WebSocket 在 HTML5 规范中,我最喜欢的Web技术就是正迅速变得流行的 WebSocket API。WebSocket 提供了一个受欢迎的技术,以替代我们过去几年一直在用的Ajax技术。这个新的API提供了一个方法,从客户端使用简单的语法有效地推动消息到服务器。让我们看一看 HTML5 的 WebSocket API:它可用于客户端、服务器端。而且有一个优秀的第三方API,名为Socket.IO。

  分类: HTML

快速导航

Copyright © 2016 phpStudy |