html5中的增强元素—-figure元素和figcaption

我们知道在xhtml中,如果要给一个图片增加一些说明,我们都是文字环绕在图片的附近的方法,通过样式来控制文字的存放位置,但是其实对于图片的说明信息,通过都是差不多,每次都是这么来写代码,觉得挺无聊的!~ 现在我们就可以通过html5里面的 figure和fi...

使用html5自定义错误信息

在html5中已经为我们定义了一些错误信息。比如email和url等等。但是在我们实际的使用中,我们还会使用到比如是用户两次输入密码的验证,这是使用html5怎么来实现呢! ~ 其实html5里面为元素提供了一个setCustomValidity(“错误信息”);的方法,使用这个方法...

使用html5的一些高级的input属性

在我们之前学习html的时候,我们都知道,要对input提交的数据进行客户端的验证,经常使用的就是email的验证–一般都是通过js的正则表达式来判断,时间的话,我们也是通过字符的组合来完成一个日期的存储,也就是选择时分秒的实行,在url地址,我们通...

html5中实现元素的拖动—-实现图片的拖放

呵呵,不用解释了!~ 直接来代码,在http://www.cangzhang.com/302.html 这个的基础上实现的改进 输入代码: ———————————————————&#...

html5中实现元素的拖动!~

1.首先需要把你想要拖动的元素,定义为可以拖动的<div id=”dragme” draggable=”true” style=”width:200px;border:1px solid gray;”> 2.打开默认禁止拖动行为。 document.ondragover=function(e){e.preventDefau...

html5的网址分析器—感受什么是html5(好玩)

今天无聊,就写了一个网址分析器,其实很简单,就是把一些网站输进去,他会匹配你的输入内容,然后根据不同的类型,输出不同的结果!~ 直接看代码: ——————————————...

html5中FileReader接口的使用!~(实现图片的显示)

在前面我们学习了,html5中file的multiple属性,使用它的Blob对象,现在我们来试试它的FileReader接口!~ FileReader的主要方法有四个: readAsBinaryString:将文件读取为二进制码,可以读取在后端进行存储 readAstext:将文件读取为文本,第二个参数是读...

通过html5实现图片上传客户端验证

我们知道,通过html里面的multiple属性,可以实现文件的多个上传,通过文件的Blob对象可以得到文件的相关的信息,所以我们就可以实现一个小功能来完成图片上传的验证,之前我们做验证在客户端只能是通过正则表达式来匹配文件的后缀名,现在我们通过文件的t...

Blob对象的使用–file的相关属性获取

Blob对象的使用Blob对象的使用,这个我也不知道为什么叫这个名字,其实我们可以简单的理解为File对象,就像是java里面的file,我们可以操作里面的属性!~ 输入代码: ———————————̵...

在html5中使用multiple来实现多个文件的上传

在html中,我们只能一次上传一个文件,但是在html5中,我们可以使用multiple属性来一次上传多个文件!~ 这个属性的设置很简单,没有值,直接在file节点添加本属性就好了! 输入代码: —————————...

火狐官网超炫的html5的程序演示–旋转的箱子

火狐官网的—html5的程序演示!~ 这个功能真的是让人比较的震惊,在浏览器中完成3D的旋转效果!~ 可以来动鼠标来旋转,查看不同的角度,可以点击上面的图画,让其滚动!~ 总之,效果很不错,大家自己去看看!~(当然记得用支持的浏览器来弄) 效果截...

CSS3文本路径控制–在线生成你想要的文字以及路径

之前,我也想弄一些文件的倾斜,但是不会弄,最多也就是能通过控制每一字的高度,来形成倾斜,但实际上字还是没改变。CSS3文本路径控制–在线生成你想要的文字以及路径,这个网站很简单,也很使用,你可以根据的爱好来生成你想要的效果,操作简单,但...

用html5弄的一个电子时钟

用html5弄的一个电子时钟,纠结啊!~ 还没弄完整,编程现在的这个样式!~ 输入代码: ——————————————————————...

坐标变化的例子–旋转的矩形

在本例中主要是使用到3个方法: 1.平移 context.translate(x,y);向左和下分别平移x和y,这个最好的用法就是找到一个对称线,以便更好地绘制图形。 2.扩大 contex.scale(x,y);x是水平方向的放大倍数,y是垂直方向的放大倍数。缩小的时候,只需要将参数...

Top