网页制作

html5的新增的标签和废除的标签简要概述

HTML5中在新增加和废除很多标签的同时,也增加和废除了很多标签比如新增的结构标签:section元素/video元素等等,感兴趣的朋友可以了解下,希望本文的知识点对你有所帮助
收藏 0 赞 0 分享

html5配合css3实现带提示文字的输入框(摆脱js)

webkit特有的一个css,可以控制里面的文字样式,配合css3的动画效果和伪类,我们就可以很容易做出一个带动画的输入框,在系统登录、搜索等位置很适合,感兴趣的你可以参考下本文或许可以帮助到你
收藏 0 赞 0 分享

纯html5+css3下拉导航菜单实现代码

下拉导航在浏览网页时经常会遇见到,记得以前都是使用js实现的吧,不过本文接下来要介绍的是采用css3+html5实现,感兴趣的你可不要错过了哈,希望看完对你学习css3有所帮助
收藏 0 赞 0 分享

HTML5中的Article和Section元素认识及使用

HTML5带出了一系列新元素,以下两个新元素:article和section是比较混淆,经常提到是什么情况下我们应该使用这些元素,接下来为大家介绍下两者的应用,感兴趣的各位可以参考下哈
收藏 0 赞 0 分享

html5 canvas里绘制椭圆并保持线条粗细均匀的技巧

Canvas里绘制椭圆是一个很常见的需求,但是目前大多数浏览器还没有实现该方法,因此经常会使用arc或者arcTo方法结合scale变形来绘制椭圆,感兴趣的朋友可以了解下,希望可以帮助到你们
收藏 0 赞 0 分享

检测浏览器是否支持html5视频的代码

学习w3c是看到一个检测您的浏览器是否支持 HTML5 视频的方法,在这里与大家分享下,感兴趣的各位可以参考下哈,希望可以帮助到你
收藏 0 赞 0 分享

Html5实现如何在两个div元素之间拖放图像

调用 preventDefault() 来避免浏览器对数据的默认处理(drop 事件的默认行为是以链接形式打开)通过 dataTransfer.getData(Text) 方法获得被拖的数据,感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

html5 跨文档消息传输示例探讨

想实现跨文档消息传输首先要对窗口对象的message事件进行监听,然后使用window对象的postMessage()方法向其他窗口发送消息,接下来为大家详细介绍下,感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

html5 拖拽上传图片实例演示

拖拽上传最重要的就是js部分的代码,它实现了70%的功能,另外30%仅仅是把图片信息提交到后台,然后做对应的处理,比如压缩啊,裁剪啊云云,感兴趣的朋友可以参考下哈,希望可以帮助到你
收藏 0 赞 0 分享

如何让IE9以下版本(ie6/7/8)认识html5元素

浏览器不会给未知元素设定任何样式(不同浏览器对元素会有不同的默认样式)在IE9之前的版本中,也不能对未知元素设定样式,针对这个问题有一个弥补方案,感兴趣的朋友可以参考下哈
收藏 0 赞 0 分享

Html5游戏开发之乒乓Ping Pong游戏示例(一)

它是一款乒乓游戏,有2个玩家使用一个键盘比赛;在这一章节我们将:1.准备开发工具2.建立我们的第一个游戏-Ping Pong 3.学习使用Jquery JavaScript库做基本定位 4.获取键盘输入
收藏 0 赞 0 分享

Html5游戏开发之乒乓Ping Pong游戏示例(二)

我们已经准备就绪,是时候创建PingPong游戏了1、我们将继续我们的jQuery安装示例,在编辑器里打开index.html2、然后,在body里用DIV节点创建游戏平台,在游戏平台中有2个拍子和一个球,闲话不多说看代码吧
收藏 0 赞 0 分享

Html5游戏开发之乒乓Ping Pong游戏示例(三)

我们已经用jQuery初始化了球拍。现在我们做一个如何使用jQuery安置游戏元素,用网格背景来检查我们游戏的元素位置的实验,感兴趣的朋友可以了解下,祝大家游戏开发快乐
收藏 0 赞 0 分享

利用HTML5中Geolocation获取地理位置调用Google Map API在Google Map上定位

本小菜刚开始学习HTML5,现在对其中的Geolocation颇感兴趣,结合Google Map的API实现基本的地图定位功能主要是由以下几个步骤:获取当前地理位置、调用Google Map API获取当前位置信息
收藏 0 赞 0 分享

利用html5 canvas破解简单验证码及getImageData接口应用

:HTML 5中的canvas有个接口getImageData可以用来从验证码图像中取得像素数据。每一个像素有对应r,g,b,a四个值,r,g,b是红绿蓝三色,a是透明度;观察了一下,接下来说下思路及实现代码,感兴趣的你可不哟啊走开啊
收藏 0 赞 0 分享

HTML5之SVG 2D入门4—笔画与填充

颜色处理,也就是填充和边框效果;你会发现这里的内容与canvas基本上是一致的。这些属性既可以以属性的形式写在元素中,也可以以CSS的形式保存,这是与canvas不一样的地方
收藏 0 赞 0 分享

HTML5之SVG 2D入门1—SVG(可缩放矢量图形)概述

可缩放矢量图形(Scalable Vector Graphics,简称SVG)是一种使用XML来描述二维图形的语言(SVG严格遵从XML语法),SVG 功能集包括嵌套转换、剪切路径、alpha 蒙板和模板对象,感兴趣的朋友可以了解下,或许对你的html5 SVG 2D知识增长有所
收藏 0 赞 0 分享

HTML5之SVG 2D入门2—图形绘制(基本形状)介绍及使用

SVG提供了很多的基本形状,这些元素可以直接使用,这一点比canvas好多了,在这里就不多说了,感兴趣的朋友可以了解下,或许本文对你的了解SVG的图形绘制有所帮助
收藏 0 赞 0 分享

HTML5之SVG 2D入门3—文本与图像及渲染文本介绍

SVG的强大能力之一是它可以将文本控制到标准HTML页面不可能有的程度,而无须求助图像或其它插件,尽管SVG的文本渲染如此强大,但是还是有一个不足之处:SVG不能执行自动换行,接下来介绍SVG中渲染文本,感兴趣的朋友可以了解下,或许有所帮助
收藏 0 赞 0 分享

HTML5之SVG 2D入门5—颜色的表示及定义方式

SVG和canvas中是一样的,都是使用标准的HTML/CSS中的颜色表示方法,这些颜色都可以用于fill和stroke属性,接下来介绍下颜色的表示及定义方式感兴趣的朋友可以了解下,或许对你有所帮助
收藏 0 赞 0 分享