html部分請自行解決~~css
//原生 window.onload = function(){ var oUl = document.getElementById('ull'); var aLi = document.getElementsByTagName('li'); oUl.onmouseover = function(ev){ var event = ev||window.event; // 獲取event對象 var target = ev.target || ev.srcElement; // 獲取觸發事件的目標對象 if(target.nodeName.toLowerCase() == 'li'){ //判斷目標對象是否是li for(var i=0;i<aLi.length;i++){ aLi[i].style.background = 'none'; } target.style.background = 'red'; } } } // JQ // $("#ull li").each(function(){ // $(this).mouseover(function(){ // $("#ull li").css('background','none'); // $(this).css('background','red'); // }) // });html