求大神改一段JS鼠标经过切换的JS选项卡代码

<scripttype="text/javascript">functionnTabs(thisObj,Num){if(thisObj.className=="activ... <script type="text/javascript">
function nTabs(thisObj,Num){
if(thisObj.className == "active")return;
var tabObj = thisObj.parentNode.id;
var tabList = document.getElementById(tabObj).getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
if (i == Num)
{
thisObj.className = "active";
document.getElementById(tabObj+"_Content"+i).style.display = "block";
}else{
tabList[i].className = "normal";
document.getElementById(tabObj+"_Content"+i).style.display = "none";
}
}
}
</script>

这个要点击才能切换,怎么改成鼠标经过就切换选项卡呢
展开
 我来答
笨笨的糖
2017-10-30 · TA获得超过212个赞
知道小有建树答主
回答量:405
采纳率:58%
帮助的人:50.6万
展开全部

不大了解js如何处理这个,提供一段jquery的给你参考下:

<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style type="text/css">
    body,ul,li{margin:0; padding:0; list-style:none}
    ul li{width:100px; height:100px; border:1px solid #f00; float:left; margin:50px 10px; background-color:#ffffff;}
    ul li.current{border:1px solid #dfdfdf; background-color:#ff0000;}
</style>
<script type="text/javascript"src="http://www.w3school.com.cn/jquery/jquery-1.11.1.min.js"></script>
</head>
<body>
    <h1>鼠标经过下面的块</h1>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</body>
</html>
<script type="text/javascript">
    $("ul li").mouseover(function()
    {
         $(this).addClass("current");
    }).mouseout(function()   
    {
        $(this).removeClass("current");       
    });
</script>
app_versionbff
推荐于2017-10-30 · TA获得超过436个赞
知道小有建树答主
回答量:402
采纳率:97%
帮助的人:308万
展开全部
这个不是这段js的问题 要改html页面里 把onlick="nTabs()" 替换成 onmouseover="nTabs()" 即可
本回答被提问者和网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
帐号已注销
2014-09-14 · TA获得超过313个赞
知道小有建树答主
回答量:712
采纳率:0%
帮助的人:385万
展开全部
把绑定的onclick改成onmouseover触发
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式