昨天刚收到amazon的平邮书籍：悟透JavaScript<李战 著> , 网页设计解析<周陟 著>。前者原本在在别人博客上看有很多人推荐就慕名买下了。刚看一天，感觉非常不错值得推荐给大家阅读。

JavaScript的重要和强大自然不言而喻，如果你喜欢JavaScript或者是喜欢网站前端开发。作为一个非常实用而且流行的编程语言，这将是你的必须课。

悟透javascript

后者(网页设计解析)还没来得及看，如果感觉好的话我会给大家介绍一下的。里面有几部非常强大的视频教程等我上传到网站上后也一起发出来给大家分享。

网页中数据表的设计往往采用格行变色的方法修饰表格，不仅看起来美观也一定程度上提升用户体验。传统的方法是用JavaScript来实现，今天我们来看看具体的实现方法。的确很简单哦。

先看最终效果图：

表格的代码可以任意写，或者直接从DreamWeaver里面拉。最重要的是JavaScript代码，如下：

window.onload = function(){ //浏览器载入时执行函数
var tr = document.getElementsByTagName("tr");
		//获取文档中的tr元素。此时变量tr是个对象数组

for ( i=0; i<tr.length; i++){
	if (i%2 == 0){	//奇数行给tr元素添加ctr类属性
		tr[i].className += "ctr";
	}

	tr[i].onmouseover = function(){
		this.className += " trhover";
		//鼠标经过每个tr时追加给tr元素trhover类属性
	}
	tr[i].onmouseout = function(){
		this.className = this.className.replace(" trhover","");
		//鼠标离开每个tr时移除掉tr元素trhover类属性
	}
}

}

接下来的工作很简单了，就是把批段代码加入到你网页的script标签中。

点击查看效果及源码