js中setAttribute改变定义的变量值？

function changeBorderColor(obj){
  var colorOf = obj.style.borderColor;
  obj.style.borderColor ="green";
  obj.setAttribute("onmouseout",function (){
  alert(colorOf);
  });
alert(colorOf);

}


<input type="text"  style="border-color: black;"  onmousemove="changeBorderColor(this)"/>

我想在mousemove的时候改变文本框的颜色，然后mouseout在变回去。
colorOf是用来保存原始的border-color的值的
然后我发现我的js中的colorOf的值竟然会奇怪的在mouseout方法里面变为“green”了（定义的时候明明是赋值为black的）。第一次alert是green第二次是black。
求解。。。。。。。
js setAttribute --------------------编程问答-------------------- ie测试了一下 第一次第二次都是black啊

补充：Java ,  Java SE