html鼠标移入移除事件 js鼠标移入移出事件样例

javaScript实例

li{background-color:#eee;height:25px;margin-top:2px;}

//添加鼠标移入移出事件

function fun(){

//获取所有li节点

var list = document.getElementById("uid").getElementsByTagName("li");

//遍历所有li节点

for(var i=0;i

//添加鼠标移入事件

list[i].οnmοuseοver=function(){

this.style.backgroundColor="#ffcc00";

this.style.fontSize="20px";

}

//添加鼠标移出事件

list[i].οnmοuseοut=function(){

this.style.backgroundColor="#eeeeee";

this.style.fontSize="16px";

}

}

}

JavaScript实例--JS中事件

aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa