window.onload=function(){

   var div=document.getElementById("div1");
   div.onmouseover=function(){
       play(10,100);
   }
   div.onmouseout=function(){
       play(-10,30);
   }
}
var timer=null;
var alpha=30;
function play(speed,target){

   clearInterval(timer);
   var div=document.getElementById("div1");
   timer=setInterval(function(){
       var speed=speed;
       if(alpha==target){
           clearInterval(timer);
       }else{
           alpha+=speed;
           div.style.filter='alpha(opacity:'+alpha+')';
           div.style.opacity=alpha/100;
       }
   },30);
}