常用鼠标事件

1 鼠标点击

onclick

var box = document.getElementById('box');
box.onclick = function(ex) {
    box.style.display = 'none';    //鼠标点击后box隐藏
}

2 鼠标移到某元素之上

onmouseover

box.onmouseover = function(ev) {
    this.setAttribute('src','img地址‘)；    //鼠标进入更换图片
}

3 鼠标从某元素移开

onmouseout

box.onmouseout = function(ev) {
    this.setAttribute('src','img地址‘)；    //鼠标离开后更换图片
}

4 鼠标移动

onmousemove

box.onmousemove = function(ev) {
    this.setAttribute('src','img地址‘)；    //鼠标在图片上移动
}