Roshan{ca} －肉山's Blog

CSS模拟圆角尖角

Posted on 2010-05-25 by 肉山

图片效果固然很好，可为了在不同环境下自动适应，更多是采用CSS来模拟，这样便于维护修改又可减少图片文件的 http 请求数，虽然开始构建的时候麻烦了点，但一劳永逸啊。

网上有很多圆角实现的方法，CSS模拟只是其中一种。而尖角的模拟，我是从腾迅微博看来的，感觉还挺巧妙，为腾迅前端赞一个呵呵。
Continue reading →

Posted in HTML & CSS | Tagged 圆角, 尖角, 模拟, 自适应 | Leave a comment

Posted on 2010-05-20 by 肉山

如何让文本域在输入文字超出其范围时，可自动扩展，且删除文本又可自动恢复？

Posted in JavaScript & DOM & AJAX | Tagged expand, textarea, 自动 | Leave a comment

Posted on 2010-05-04 by 肉山

谷歌的两位工程师做了一个展示HTML5的PPT项目 html5-slides 来展示HTML5的各种特性，看后感慨颇多，推荐大家也看一看。
PPT地址（在线观看）： http://directguo.com/html5/

Posted in HTML & CSS, JavaScript & DOM & AJAX | Tagged html5 | Leave a comment

Posted on 2010-04-22 by 肉山

情景：固定宽度容器，文本长度不定，其中包含：中文字符、英文字符、标点、链接、数字。
要求：文本内容超出容器部分自动换行，并保留空白（包括空格 (space)、制表符 (tab)、换行符 (CR/LF) ）。

div { 
	width: 200px; 
	background-color: #FFC; 
	white-space: pre-wrap; 
	*white-space: pre;     /*for IE*/
	word-wrap: break-word; 
	}

演示Demo（支持浏览器：IE6~8，Firefox 3.6，Chrome 5，Safari 4，Opera 10）

Posted in HTML & CSS | Tagged white-space, word-break, word-wrap, 换行 | Leave a comment

Posted on 2010-04-09 by 肉山

最近在看 JavaScript 的学习资料时被一些概念整的不行，该是时候捋一捋了。

函数（Function）、对象（Object）、类(Class)、原型（Prototype）、实例（Instance）、类型（Type）的基本定义，如下：
Continue reading →

Posted in JavaScript & DOM & AJAX | Tagged JavaScript, 基本概念 | Leave a comment