caixw.com

把时髦的技术挂在嘴边,还不如把过时的技术记在心里!

一个用纯CSS实现的下拉菜单

caixw 4

之前写过一个用jQuery实现的下拉菜单,可以实现无限级子菜单。其实用CSS也可以实现相同的功能,而且代码量更少,最起码不用那一大堆的JS控制代码。

一个用jquery实现的下拉菜单

caixw 3

一个用jQuery实现的下拉菜单,非常的简单,目前本程序的后台菜单就用这个实现的。效果如下:
下拉菜单效果图

html5和css3兼容性测试

caixw 0

几个测试浏览器对CSS3和HTML5兼容性的小工具,对开发人员来说是个好东西!

如何让input和img水平对齐

caixw 1

将input和img放同一行,img标签总是比input高出一个头,非常难看。之前试过好多方法,都不行。后来在网站搜到最多的就是给img添加一个align="absmiddle"属性,这个方法似乎的确可行,但是不符合HTML标准。后来无意中发现同时给input和img添加vertical-align:middle就行:

input,img{vertical-align:middle;}
这样代码就会规规矩矩地水平对齐了。

让Google-code-prettify显示行号

caixw 4

Google-code-prettify是一个轻量级的代码高亮插件,扩展性也很好。唯一的缺点是显示行号很麻烦。下面这一小段JS代码可以让你的代码显示行号。

Google Font API使用方法

caixw 0

Google总是那么让人惊奇,最近又推出了Google Font API 服务。对于网络开发者来说,真的一个福音啊。只要链接一行CSS到你的HTML文件,就不用担心客户没有相应字体的烦恼了。

让IE6支持HTML5元素

caixw 0

今天把网页改成了HTML5的,调试了一下,在FF和Opera中都显示正常了,到了IE6上却变得面目全非了。GOOGLE了一下,发现了html5shiv这个项目,可以把HTML5的新元素转换成IE6认识的内容。作者已经把这段代码放到了Google code project上,只需要在你的head中调用这段代码就行:

CSS3中边框相关的特性

caixw 0

CSS2中的圆角只能通过比较特殊的方法或是图片实现,在CSS3中终于可以直接使用了。指令为:

border-radius: width;