站长论坛

标题: 非常简单的JS代码点击之后高亮当前行 [打印本页]

作者: tznktg 时间: 2008-7-2 19:05
标题: 非常简单的JS代码点击之后高亮当前行
非常简单的JS代码点击之后高亮当前行

运行试试:

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

欢迎光临站长论坛 (https://tzlink.com/bbs/)