var alpha = 30; //透明度值變量
var oDiv = document.getElementById('div1'); //獲取DOM元素對象
oDiv.style.filter = 'alpha(opacity:'+alpha+')'; //設置IE的透明度
oDiv.style.opacity = alpha / 100; //設置fierfox等透明度，注意透明度值是小數

$(function(){
$("#div1").css("opacity","0.3"); //設置透明度
});

window.onload=function()
{
var oDiv = document.getElementById('div1');//獲取div的DOM對象
oDiv.onmouseover = function() //鼠標移入方法
{
startMove(100);
};
oDiv.onmouseout = function() //鼠標移出方法
{
startMove(30);
};
}

var timer = null;//時間對象
var alpha = 30;//透明度初始值
function startMove(iTarget)
{
var oDiv = document.getElementById('div1');
clearInterval(timer);//清空時間對象
timer = setInterval(function(){
var speed = 0;
if(alpha < iTarget)
{
speed =5;
}
else
{
speed = -5;
}

if(alpha == iTarget)
{
clearInterval(timer);
}
else
{
alpha +=speed; //透明度值增加效果
oDiv.style.filter = 'alpha(opacity:'+alpha+')'; //設置IE透明度
oDiv.style.opacity = alpha / 100; //設置其他瀏覽器
}
},30);
}