很实用的本地web网页播放器

今天弄的一个基于web的本地mp3文件播放器!~ 觉得挺有意思的,本来是打算好好的弄好的,但是因为今天时间比较紧张,以及在是写代码的时候遇到了一些难题,现在都还没解决好的!~ 现在把我已经弄好的代码给大家分享一下。 输入代码: ———&……

html5中的增强元素—-small元素的使用

对于某些比较小号的字体来说,我们一般都是通过css来控制,但是这样的话,要么你用内部样式,要么你添加id或者是class引用外部css文件,但是这些表纠结,毕竟差不多的工作,你做了一遍又一遍。 现在html5里面就提供了small标签来解决这个问题,只要在你需要……

改进的ol标签

html随便玩玩
改进的ol标签

在有序排列,默认的都是从1开始,也就是说我们如果想要显示后面的一部分是很难实现,最简单的就是把前面的列设置为隐藏,就是通过css来设置。 但是在html5里面,我们是可以通过ol增添的属性来解决这个问题,这个属性的使用很简单,就是设置start属性 如: s……

html5中的增强元素—-meter元素的使用

在xhtml中我们不好使用其中的元素来来表示形如硬盘的使用情况等等。我们可能就是直接填写情况,为了使用图片来显示效果,我们就使用css来控制总的和已经使用的比例的不用颜色的显示。 但是在html5中为我们提供了一个meter元素来为我们解决这个问题。 输入代……

html5高手是怎么炼成的–其实只需要三步

之前我看到很多人问html5高手是怎么炼成的!~ 其实我不是高手,但是我相信,高手是这么炼成的!~ 1.不要看看只是看看不动手 很多人天天去看html5的新闻,有多厉害,有多绚丽,但是你不去实践,你永远只是崇拜别人。永远觉得那个东西很神奇,但是你自己试试……

使用html5的页面设置标签–progress的使用

在很多时候,我们都需要显示一个进度条,来表示当前的状态,比如视频加载,图片加载,某项任务的完成状况等等,这时候我们使用的可能就是通过后端来操作。 在html5,提供了一个progressBar标签来是的这个显示很简单。 输入代码: ———R……

html5中的增强元素—-mark的使用和优点

在之前我们做到搜索等等功能的时候,我们都是通过给需要给强调的关键字加上自己span等等一些标签,使用style样式来控制他的显示,这个是比较麻烦的,如果我们使用行css来设置,不符合我们显示和内容的分离,我们使用外部样式表的话,又需要我们添加额外的id……

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

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

使用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.preventDefaul……

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

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

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

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

Top