当前位置: 代码迷 >> ASP >> 请问一段脚本程序:如何在点击一个<li>xxx</li>的内容时,让该内容的背景颜色变化
  详细解决方案

请问一段脚本程序:如何在点击一个<li>xxx</li>的内容时,让该内容的背景颜色变化

热度:385   发布时间:2012-02-20 21:18:24.0
请教一段脚本程序:怎么在点击一个<li>xxx</li>的内容时,让该内容的背景颜色变化
请教一段脚本程序:怎么在点击一个 <li> xxx </li> 的内容时,让该内容的背景颜色变化

------解决方案--------------------
<li onmousedown= 'this.style.backgroundColor= "#FF0000 "; '> xxx </li>
------解决方案--------------------
给该对象添加onclick事件,操作该对象的style对象,如:

<li onclick= "this.style.backgroundColor= 'red ' "> test </li>
------解决方案--------------------
这需要一个变量用来记录当前对象,如:

<script type= "text/javascript ">
var nowobj = null;
function setBGC(obj){
if(nowobj!=null){
nowobj.style.backgroundColor = " ";
}
obj.style.backgroundColor = "red ";
nowobj = obj;
}
</script>

<li onclick= "setBGC(this); "> x1 </li> <li onclick= "setBGC(this); "> x2 </li> <li onclick= "setBGC(this); "> x3 </li>
------解决方案--------------------
给 <li> 不同的标识
  相关解决方案