您当前的位置: 首页 » JavaScript/JQuery编程 » 非常简单的JS代码 点击之后 高亮当前行
非常简单的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>
运行试试:
<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>