利用HTML5的新特点做文件异步上传非常简单方便,本文主要展示JS部分,html结构。下面的代码并未使用第三发库,如果有参照,请注意一些未展现出来的代码片段。我这边的效果预览:
1.文件未选择 2.文件已选择
HTML代码部分:
思路:下面代码中我利用css的z-index属性将input="file”标签隐藏在了id=btnSelect元素下面,通过触发a标签的点击后,弹出文件选择...
分类:
Web程序 时间:
2014-06-05 11:11:06
阅读次数:
245
html5 canvas结合js实现的非常酷的ascii animation动画特效,http://www.zuidaima.com/share/1789567017372672.htm...
分类:
Web程序 时间:
2014-06-05 06:54:37
阅读次数:
292
Flipbooks书页面翻转成为在网页设计中最流行的交互动画之一。
他们可以用在 Flash,网页或者在线杂志中。使用书页动画或者页面翻转的网页设计效果展示他们的产品,更加直观有效。
结合 HTML5 和 CSS3 可以来实现如此炫丽的动画,有些插件是可以帮上你...
分类:
编程语言 时间:
2014-06-03 05:39:10
阅读次数:
352
在web开发中,会经常让你判断当前使用的是那个浏览器及浏览器的那个版本...
分类:
Web程序 时间:
2014-05-31 17:49:18
阅读次数:
276
我们来看一下HTML 5提供的一些新的标签用法和HTML
4的区别标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章,或者来自 blog
的文本,或者是来自论坛的文本,亦或是来自其他外部源内容。HTML5:HTML4:标签定义 article 以外的内容;aside 的内容应该与 art...
分类:
Web程序 时间:
2014-05-31 17:45:19
阅读次数:
688
接下来介绍几款制作HTML5动画的工具,它们可以分为几类:1、导出canvas动画:FlashCC(13.1)、Animation、Radi2、导出DIV+CSS3动画:HTML5Maker、EdgeAnimation、TumultHype、Nodefire3、导出SVG动画:Hippo基本上所有工...
分类:
Web程序 时间:
2014-05-31 15:34:29
阅读次数:
334
html5文档必须以开头lang为属性,属性值为en(定义语言为英语)或zh-CN(定义语言为中文)如果浏览器遵循w3c标准,lang属性可以用来定义样式,class定义了主要的样式,lang属性可以在此基础上做出修改,比如:这里p标签的主要CSS只定义了字体大小和颜色,然后就需要通过标签的lang...
分类:
Web程序 时间:
2014-05-31 03:27:52
阅读次数:
276
css3选择器1.通过元素的关键字,如p,div等2.通过id属性3.通过class属性引用3.1通过class属性引用p标签,如:p.text{}//text样式只适用于p4.通过任意键引用例如:p[name]{}//仅引用带有name属性的p标签p[name="my"]{}//仅引用带有name...
分类:
Web程序 时间:
2014-05-31 01:28:28
阅读次数:
291