12 2012 档案
摘要:在这个列子中,练习了table的操作,主要有:tBodies、rows、cells,还有有关数组的排序方法:sort先上代码:<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>table排序</title></head><body><table id="tableTest" width="400" border="1"> <tbody>
阅读全文
摘要:随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,并不是一件容易的事。很多网站的解决方法,是为不同的设备提供不同的网页,比如专门提供一个mobile版本,或者iPhone / iPad版本。这样做固然保证了效果,但是比较麻烦,同时要维护好几个版本,而且如果一个网站有多
阅读全文
摘要:我们都知道在IE6 7 中用*display:block;*zoom:1;可以解决 inline-block 的兼容问题很多人认为IE6 7 是不支持inline-block的,严格来说应该是:IE6 7 对 inline-block 支持的不够完全这个要分两种情况来说:第一种:当块级元素设置:display:inline-block;IE6 7 就出现了不是我们想要的结果这样就需要我们前面提到的*display:block;*zoom:1 来做兼容了。第二种,当行内元素,如:span 设置:display:inline-block;就不会出现任何问题我们完全可以不去处理兼容问题。更多的请看:
阅读全文
摘要:这个列子用到了函数不定参(arguments)这个知识点还有有关样式的一些知识,我们都知道obj.style 可以设置、返回行间的样式如果非行间样式,用这个就不靠谱了,所以例子中用到了obj.currentStyle 和 getComputedStyle这两个都是设置、返回计算后的样式的其中obj.currentStyle 只有IE才有效getComputedStyle 在firefox chrome 中有效废话不说了,上代码<!DOCTYPE HTML><html><head><meta charset="utf-8">&l
阅读全文