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; }