随便写写吧!看了一集动画片,就一个小时过去了!然后,论文也不看!这也不看,那儿也不看!
1.常用鼠标事件:
onmouseover
鼠标进入事件
<img/>
window.onload = function(ev){
//获取img标签
var logo = ducument.getElementsByTagName('img')[0];
//鼠标进入
logo.onmouseover = function(ev1){this.setAttribute('src','img/img-02.jpg');}
//鼠标离开
logo.onmouseout = function(ev1){this.setAttribute('src','img/img-01.jpg');}
//鼠标在上面移动
logo.onmouseout = function(ev1){}
}
//一直有个疑问,为什么整体的参数是ev,而后面的就是ev1了
2.侧边显示和隐藏
页面(id)(e_coder(e_app,img))
window.onload = function(ev){
//获取标签
var e_coder = document.getElementById('e_coder');
var e_app = document.getElementById('e_app');
//监听鼠标进入
e_coder.onmouseover = function(ev1){
this.style.background = 'url("_/_.png") no-repeat';
e_app.style.display = 'block';
}
//监听鼠标离开
e_coder.onmouseout = function(ev1){
this.style.background = 'url("_/_.png") np-repeat';
e_app.style.display = 'none';
}