<ul>中的<li>我点击一个<li>后其它的<li>全变背景色，求JS和CSS代码
<ul>中的<li>我点击一个<li>后其它的<li>全变背景色要图中效果，求JS和CSS代码...
<ul>中的<li>我点击一个<li>后其它的<li>全变背景色要图中效果，求JS和CSS代码
展开
1个回答
展开全部
<html><Head>
</Head><body>
<script type="text/javascript">
function sel(obj)
{
var lis=document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++)
{
if(lis[i]!=obj)
{
lis[i].style.background="#00f";
}
else
lis[i].style.background="#0ff"
}
}
</script><ul>
<li onclick="sel(this);"> 1111</li>
<li onclick="sel(this);">22222 </li>
<li onclick="sel(this);">3333 </li>
<li onclick="sel(this);"> 44444</li>
</ul></body>
</html>
</Head><body>
<script type="text/javascript">
function sel(obj)
{
var lis=document.getElementsByTagName("li");
for(var i=0;i<lis.length;i++)
{
if(lis[i]!=obj)
{
lis[i].style.background="#00f";
}
else
lis[i].style.background="#0ff"
}
}
</script><ul>
<li onclick="sel(this);"> 1111</li>
<li onclick="sel(this);">22222 </li>
<li onclick="sel(this);">3333 </li>
<li onclick="sel(this);"> 44444</li>
</ul></body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
