Question

js+html onmouseover不管用

<script language="JavaScript" type="text/JavaScript">
function nTabs(thisObj,Num){
if(thisObj.className == "clearfix bg-gray") return;
var tabObj = thisObj.parentNode;
var tabList = tabObj.getElementsByTagName("li");
for(i=0; i <tabList.length; i++)
{
if (i == Num)
{
thisObj.className = "clearfix bg-gray";
}else{
tabList[i].className = "clearfix";
}
}
};
</script>

-------------------------------------------华丽丽的分割线---------------------------------------------------------

<li class="clearfix " onmouseover="nTabs(this,Num)">

</li>

为何在li标签调用nTabs(this,Num)不管用？

Answer 1

你想实现的是，鼠标经过的时候改变这个Li的样式，鼠标拿走，再恢复的效果。你传参的时候有问题。

实现这个效果，可是这样写。

      function nTabs(thisObj){
           thisObj.className="clearfix bg-gray" ;
        };
        function nTabs2(thisObj){        
            thisObj.className="clearfix" ;
        }
        --------------------------------------------------------更华丽的分割线
        <li onmouseover="nTabs(this)" onmouseout="nTabs2(this)">hello</li>
        
        这样的不好的地方是，要为每一个Li增加事件。解决的方法是，在body 的onload 事件里，为每个li绑定鼠标事件。

Answer 2

这个js有触发，你可以把js里面的功能先注释掉，价格window.location = "errorpage.html"调试一下就会知道了，鼠标经过li的时候有触发的，应该是你js里面出错了
是不是你num没给值？我这边测试是可以的呀