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; } 上面的代码，主要是方便大家更多的认识js,下面提供一个css实现的版本。 ul li:hover { background-color:red; cursor:pointer; } 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背景色 鼠标经过时改变背景色 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

　　推荐阅读

　　JQuery优缺点分析说明

1、jQuery实现脚本与页面的分离 在HTML代码中，我们还经常看到类似这样的代码： <form id="myform" onsubmit=return validate();"> 即使validate()函数可以被放置在一个外部文件中，实际上我们依然是把页面与逻>>>详细阅读

本文标题：javascript学习笔记（二） 鼠标经过时，改变div块的背景色的代码

地址：http://www.17bianji.com/kaifa2/JS/24692.html

 1/2    1