代码改变世界

随笔分类 -  html5+css3

html5文件api

2011-11-21 10:48 by 飞魚, 431 阅读, 收藏, 编辑
摘要: FileList对象html4 file控件只允许放置一个文件,html5支持一次放置多个文件,通过添加multiple属性,每个文件是一个file对象,FileList是file对象的集合..file对象有俩个属性name和lastModifiedDate(表示文件的最后修改时间)Blob对象Blob表示二进制原始数据,它提供了一个slice方法,可以通过该方法访问到字节内部的原始数据,事实上上面提到的file对象也继承了这个Blob对象..Blob对象有俩个属性,size表示一个Blob对象的字节长度,type表示Blob的MIME类型,如果是未知类型,则返回一个空字符串...通过docu 阅读全文

ie支持css3圆角实现的俩种方式

2011-07-22 10:31 by 飞魚, 472 阅读, 收藏, 编辑
摘要: 1、curvycorners.js引用实现<title>css3圆角</title><script src="curvycorners.js" type="text/javascript"></script><style> .roundedCorners { width: 200px; height: 200px; padding: 10px; background-color: Beige; -webkit-border-radius: 10px; -moz-border-radius: 10 阅读全文

css盒相关样式

2011-07-21 13:30 by 飞魚, 345 阅读, 收藏, 编辑
摘要: display: inline-block;使元素在一行显示,且能设置高宽,vertical-align设置对齐方式<style> span { display: inline-block; background-color: Aqua; width: 50px; vertical-align:bottom; }</style><span>11111</span> <span style="height: 50px">22222</span>display:list-item使元素像li方式表示< 阅读全文

html5跨文档消息传递

2011-06-16 11:51 by 飞魚, 522 阅读, 收藏, 编辑
摘要: 基于js的同源策略使文档不能跨域访问,为此html5提供了跨文档消息传递功能,下贴出示例...http://localhost:4933站页面代码!DOCTYPE htmlhead title/titlescript type="text/javascript" window.addEventListener("message", function(ev) {    ev.o... 阅读全文