离开的时候是蓝色，但是现实情况是鼠标放在浏览器窗口上就是红色，只有将鼠标离开整个浏览器窗口才变成蓝色，请大神看一下
html文件：
<!DOCTYPE html >
<html>
<head>
<title>翻转器</title>
<script type="text/javascript" src="demo.js"></script>
<link rel="stylesheet" href="demo.css" type="text/css" />
</head>
<body>
<a href="#" id="box"><img src="images/arrow_off.jpg" id="arrow"/ ></a>
</body>
</html>
function addEvent(obj,type,fn){
if(obj.addEventListener){
addEventListener(type,fn,false);
}else if(obj.attachEvent){
obj.attachEvent('on'+type,fn);
}
}
js文件：
addEvent(window,'load',function(){
var box=document.getElementById('box');
addEvent(box,'mouseover',function(evt){
document.images['arrow'].src='images/arrow_on.jpg';
});
addEvent(box,'mouseout',function(evt){
document.images['arrow'].src='images/arrow_off.jpg';
});
});
html文件：
<!DOCTYPE html >
<html>
<head>
<title>翻转器</title>
<script type="text/javascript" src="demo.js"></script>
<link rel="stylesheet" href="demo.css" type="text/css" />
</head>
<body>
<a href="#" id="box"><img src="images/arrow_off.jpg" id="arrow"/ ></a>
</body>
</html>
function addEvent(obj,type,fn){
if(obj.addEventListener){
addEventListener(type,fn,false);
}else if(obj.attachEvent){
obj.attachEvent('on'+type,fn);
}
}
js文件：
addEvent(window,'load',function(){
var box=document.getElementById('box');
addEvent(box,'mouseover',function(evt){
document.images['arrow'].src='images/arrow_on.jpg';
});
addEvent(box,'mouseout',function(evt){
document.images['arrow'].src='images/arrow_off.jpg';
});
});
