鼠标移动上去添加class

鼠标移动上去添加class,第1张

$(function(){

$(".con").hover(function(){

$(this).addClass("on")

})

})

Eclipse添加类:

①在要添加的文件夹上鼠标右击,选择【New】==》【Class】(如果没有class,则选择【Other】==》在开头选择【Class】)。

②填好相关信息后,点击【Finish】。

<script>

<!--

/*第一种形式 第二种形式 更换显示样式 onmouseover移动____onclick点击*/

function setTab_newjob(name,cursel,n,cssStr){

for(i=1i<=ni++){

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:110pxheight:26pxcolor:#04477Cfont-size:13pxtext-align:centerfont-weight:boldbackground: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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11738315.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存