Question

JS控制li,鼠标点击时class自动加上

<div class="clMenu">
<ul>
<li class="cur" >1</li>
<li >2</li></ul>
</div>
还是不行

Answer 1

<script>
<!--
/*第一种形式 第二种形式 更换显示样式 onmouseover移动____onclick点击*/
function setTab_newjob(name,cursel,n,cssStr){
for(i=1;i<=n;i++){
var menu=document.getElementById(name+i);
var con=document.getElementById("cn_"+name+"_"+i);
menu.className=i==cursel?"new2":"";
con.style.display=i==cursel?"block":"none";
}
}
//-->
</script>
width:110px; height:26px;color:#04477C; font-size:13px; text-align:center; font-weight:bold; background:url(dotAll.gif) no-repeat -447px -212px;
<!--最新招聘信息-->
<div id="njob">
<ul class="njob_u">
<li id="bx1" style="width:110px;" class="new1" onclick="setTab_newjob('bx',1,7,'new1','')">最新企业招聘</a></li>
<li id="bx2" onmousemove="setTab_newjob('bx',2,7)">计算机</li>
<li id="bx3" onmousemove="setTab_newjob('bx',3,7)">销售</li>
<li id="bx4" onmousemove="setTab_newjob('bx',4,7)">金融保险</li>
<li id="bx5" onmousemove="setTab_newjob('bx',5,7)">电子通讯</li>
<li id="bx6" onmousemove="setTab_newjob('bx',6,7)">市场营销</li>
<li id="bx7" onmousemove="setTab_newjob('bx',7,7)">通信技术</li>
</ul>
<div id="cn_bx_1" class="njob2">
<span><a href="#" target="_blank" title="">长沙创达房地产经纪有限公司</a></span>
</div>
<div id="cn_bx_2" class="njob2" style="display: none;">
<span><a href="#" target="_blank" title="">湖南神舟科技股份责任有限公司</a></span>
</div>
<div id="cn_bx_3" class="njob2" style="display: none;">
<span><a href="#" target="_blank" title="">湖南圣达精密机械有限公司</a></span>
</div>
<div id="cn_bx_4" class="njob2" style="display: none;">
<span><a href="#" target="_blank" title="">康达（湖南）水泥有限公司</a></span>
</div>
<div id="cn_bx_5" class="njob2" style="display: none;">
<span><a href="#" target="_blank" title="">湖南天恒新能源有限公司</a></span>
</div>
<div id="cn_bx_6" class="njob2" style="display: none;">
<span><a href="#" target="_blank" title="">迅达科技集团股份有限公司</a></span>
</div>
<div id="cn_bx_7" class="njob2" style="display: none;">
<span><a href="#" target="_blank" title="">湖南省丽拓生物科技有限公司</a></span>
</div>
</div>

Answer 2

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script type ="text/javascript">
$(document).ready(function(){
$('li').click(function(){
$(this).addClass('cur');
});
});
</script>

不可能不行，除非你的class写的有问题，或者你没说清楚你的需求。

追问

我的意思是点击1时，会自动加载1

追答

你试试。

.cur{
list-style: none;
font-size: 20px;
color: #f00;
background-color: $000;
}

1
2

$(document).ready(function(){
$('li').click(function(){
$(this).addClass('cur');
});
});

Answer 3

可以尝试用JQUERY做前台控制，几行代码就搞定复杂的逻辑，推荐书籍：锋利的JQUERY