股墓山庄

专注于AS3,JavaScript 每天一点进步,坚持...
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

非常简单的JS代码 点击之后 高亮当前行

Posted on 2013-06-07 15:32  股墓山庄庄主  阅读(2920)  评论(0编辑  收藏  举报

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
简单代码 高亮当前行
<script>
var theObj;
function hilight(obj){
if(theObj!=null){theObj.style.background = "#fff";}
if(theObj = obj){obj.style.background = "red";}
}
</script>
<ul>
<li onclick="hilight(this)">点击高亮当前行</li>
<li onclick="hilight(this)">点击高亮当前行1</li>
<li onclick="hilight(this)">点击高亮当前行2</li>
<li onclick="hilight(this)">点击高亮当前行3</li>
<li onclick="hilight(this)">点击高亮当前行4</li>
</ul>
<p>下面另起一段列表</p>
<ul>
<li onclick="hilight(this)">点击高亮当前行</li>
<li onclick="hilight(this)">点击高亮当前行1</li>
<li onclick="hilight(this)">点击高亮当前行2</li>
<li onclick="hilight(this)">点击高亮当前行3</li>
<li onclick="hilight(this)">点击高亮当前行4</li>
</ul>