怎么动态添加类? 或者添加效果?

Question

像这个例子，鼠标悬停在其它导航上， 这个类就添加到悬停的导航上，然后移除首页的类。鼠标离开时类就回到首页，谢谢！请问怎么做？

Answer 1

var nav = document.getElementById('topNav'); var lis = nav.getElementsByTagName('li'); var current; for (var i=0;i<lis.length;i++) {   if ((/\b(current)\b/).test(lis.className)) {    current = lis[i];    break;  } } for (var i=0;i<lis.length;i++) {   lis[i].mouseenter = function () {    current.className = '';    current = this;     this.className = 'current';   } }怎么感觉有点小错误，你先试一下吧

Answer 2

 var load = function(){         var lis = document.getElementsByTagName("li"),         i=0,         liLength = lis.length,         current;         for(;i<liLength;i++){           (function(k){             lis[i].onclick = function(){              if(current){               current.className = "";             }             this.className = "current";             current = this;           };         })(i);       }     };

Answer 3

jQuery还是原生？

Answer 4

$("li").mouseover(function(){ $(this).addClass("current"); }).mouseout(function(){ $(this).removeClass("current"); })