javascript学习笔记（二） 鼠标经过时，改变div块的背景色

HTML部分代码：

	<ul>
		<li>鼠标经过时改变背景色</li>
		<li>鼠标经过时改变背景色</li>
		<li>鼠标经过时改变背景色</li>
		<li>鼠标经过时改变背景色</li>
	</ul>

javascript部分代码：

当鼠标经过时，给li添加class="current"类，鼠标离开时，去除该类，达到改变背景色的目的！

window.onload = function() {
		var lis = document.getElementsByTagName("li");
		for (var i=0; i<lis.length; i++) {
			lis[i].onmouseover = function() {
				this.setAttribute("class", "current");
			}
			lis[i].onmouseout = function() {
				this.setAttribute("class", "");
			}
		}
}

css部分代码：

	ul li.current {
		background-color:red;
		cursor:pointer;
	}

转载于:https://www.cnblogs.com/webw3c/archive/2011/04/05/2005677.html