2011年09月15日 by 张 鑫旭 阅读 693864 次, 今日 7 次
在XHTML的时代,我们使用HTML file控件上传图片一次只能上传一张。要一次上传多图,做法是借助于flash。或者使用隐藏的iframe框架页面模拟ajax上传,一次一张,连续多次。然而都有缺陷。HTML5是个好东东,其中之一就是支持多图片上传,而且支持ajax上传,而且支持上传之前图片的预览,而且支持图片拖拽上传,纯粹利用file控件实现,简单方便迅速,想不让人称赞都难啊!
本文就是详细地介绍基于HTML5的可预览多图片Ajax上传的一些内容。有丰富的截图示意和源代码展示,以及必要的API参数说明。希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: Ajax, chrome, FileReader, HTML5, readAsDataURL, 图片上传, 图片预览
发布在 JS实例 | 316 条评论 »
2011年09月9日 by 张 鑫旭 阅读 243834 次, 今日 3 次

就在8月份,也就是上次gf大姨妈来的时候,W3C出炉了CSSOM视图模块草案。CSSOM视图模块(CSSOM View Module)定义了一些 API,Web 开发人员使用这些 API 可以进行检查,也可以以编程方式更改文档及其内容的视觉属性,包括布局框定位、视区宽度和元素滚动。
本文的内容就是将CSSOM视图模块相关的一些属性,方法等一个一个整理出来,包括兼容性,使用等等。每个API基本上都提供demo页面测试,使用的源代码展示等等。内容较多,请耐心阅读。相信本文的内容会对您的学习有所帮助的。
阅读全文…
标签: availHeight, availWidth, clientHeight, clientLeft, clientTop, clientWidth, clientX, clientY, CSSOM, elementFromPoint, getBoundingClientRect, height, offsetHeight, offsetParent, offsetWidth, screenX, screenY, scrollIntoView, scrollLeft, scrollTop, width, 兼容性, 鼠标事件
发布在 JS相关 | 28 条评论 »
2011年09月1日 by 张 鑫旭 阅读 86303 次, 今日 5 次
Minimum Page项目的终极产物形式就是个CSS文件。我们都知道CSS reset重置的终产物也是个CSS文件,只是里面的样式无论在各个浏览器中是否有差异都是置为0,或normal之类。
而这里Minimum Page项目:
1. base.css文件只针对各个浏览器下有差异的元素进行样式定义(例如……
阅读全文…
标签: css reset, Minimum Page, normalize.css, Skeleton, 列表, 控件, 继承
发布在 CSS相关 | 13 条评论 »
2011年08月23日 by 张 鑫旭 阅读 56443 次, 今日 4 次
本文是去年这个时候流产的草稿又起死回生的一篇文章。当初本来想详细讲述Media Queries的前前后后,祖宗八代,后发现被人捷足先得,不得已,流产了。今天在1周年之际,重拾此文,讲下CSS3 Media Queries的些野史外传。有demo,有源代码展示,总之,希望本文的起死回生之作能够对您的学习有所帮助。
阅读全文…
标签: css3, media queries, transition, 动画, 布局, 自适应
发布在 CSS相关 | 7 条评论 »
2011年08月17日 by 张 鑫旭 阅读 50789 次, 今日 3 次
近日闲适,就随便折腾点东西。本文的内容就比较蛋疼,使用CSS让字符分别上下半截高亮显示。模拟淘宝网排序处的双向排序箭头效果。提供demo页面,必要的截图和源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: 字符, 绝对定位, 高亮代码, 高度
发布在 CSS相关 | 11 条评论 »
2011年08月15日 by 张 鑫旭 阅读 58705 次, 今日 2 次
本文是个短篇,一点小技术的展示。如何妙用CSS3属性作为CSS hack来实现一些兼容性的页面效果,同时,又能兼顾一些现代浏览器。提供demo页面,必要截图以及源代码展示。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: background, border-radius, box-shadow, css3, hack, ie9, rgba
发布在 CSS相关 | 3 条评论 »
2011年08月9日 by 张 鑫旭 阅读 152147 次, 今日 5 次
本文是CSS相对定位绝对定位系列的最后一篇,简单讲讲z-index。主要内容是讲目前z-index滥用的一个情况。其次是讲了下自己避免z-index混乱使用而采用的分门别类下的1,2,3应用规则。本文没有demo,没有源代码展示,只有一些截图。内容相对前面几篇要少很多,但也精炼了。总之,希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: absolute, relative, z-index, 层级, 弹框, 相对定位, 绝对定位
发布在 CSS相关 | 25 条评论 »
2011年08月6日 by 张 鑫旭 阅读 178066 次, 今日 2 次

本文是相对定位/绝对定位系列之四——relative相对定位篇。前面部分比较随性,以讲故事的形式介绍relative相对定位的一些属性特点。后面为本文重点,讲述的是relative相对定位的最小化影响原则。有demo,有实例,有截图以及必要的源代码展示。总之,希望本文的内容对您的学习有所帮助。
阅读全文…
标签: absolute, float, IE6, margin, relative, z-index, 相对定位, 绝对定位
发布在 CSS相关 | 25 条评论 »
2011年07月29日 by 张 鑫旭 阅读 68101 次, 今日 1 次

本文主要将如果借助JS即保证IE9浏览器以及FireFox等浏览器可以使用很简单的标签使用CSS3下的圆角,盒阴影效果,又能保证IE6/IE7/IE8浏览器下有兼容性的同样效果。这可以是一种比较新颖的做法,有别于传统为了兼容性牺牲CSS3的做法,也不是当下一些JavaScript CSS3库的做法。
作为观点式的文章,必定有效果良好的demo,有源代码展示,还有必要的截图。总之希望本文的内容能够对您的学习有所帮助。
阅读全文…
标签: border-radius, box-shadow, css3, geolocation, ie9, js相关, pie, 兼容性, 渐进增强
发布在 Web综合 | 9 条评论 »
2011年07月28日 by 张 鑫旭 阅读 78340 次, 今日 3 次
一般稍微有些经验的页面制作人员都知道label
标签可以优雅地扩大表单控件元素的点击区域,这对于提高页面的可访问性是很有帮助的。但是,具体的些情况是如何的呢?本文就将比较巷子地介绍下label标签在HTML5中的可访问性,以及目前的一些支持情况,发展等。
一贯优良传统,有demo页面,有源代码展示,有截图。总之,希望本文的内容能够对您学习有所帮助。
阅读全文…
标签: HTML5, label, 可用性, 可访问性, 屏幕阅读器, 控件
发布在 HTML相关 | 8 条评论 »