這篇文章給大家分享的是有關(guān)JS中如何動態(tài)改變單物體透明度的內(nèi)容。小編覺得挺實(shí)用的，因此分享給大家做個(gè)參考，一起跟隨小編過來看看吧。

為襄城等地區(qū)用戶提供了全套網(wǎng)頁設(shè)計(jì)制作服務(wù)，及襄城網(wǎng)站建設(shè)行業(yè)解決方案。主營業(yè)務(wù)為成都網(wǎng)站建設(shè)、成都做網(wǎng)站、襄城網(wǎng)站設(shè)計(jì)，以傳統(tǒng)方式定制建設(shè)網(wǎng)站，并提供域名空間備案等一條龍服務(wù)，秉承以專業(yè)、用心的態(tài)度為用戶提供真誠的服務(wù)。我們深信只要達(dá)到每一位用戶的要求，就會得到認(rèn)可，從而選擇與我們長期合作。這樣，我們也可以走得更遠(yuǎn)！

具體如下：

除了通過改變物體的 寬，高，letf,top位置或者是運(yùn)動方向來實(shí)現(xiàn)物體運(yùn)動效果之外，改變物體的透明度，也是運(yùn)動特效

但是在js中只有offsetLeft/Top ,offsetWidth/Height,這四個(gè)方法，并沒有offsetAlpha這個(gè)方法。

問：那么我們怎么來 獲取當(dāng)前物體的透明度那？？

我們可以自己定義一個(gè)變量 var alpha  = 30;通過判斷這個(gè)變量 是否和目標(biāo)值是否相等，來繼續(xù)我們下一步的操作;

var alpha = 30; // 自定義一個(gè)變量

當(dāng)alpha 等目標(biāo)值得時(shí)候，清楚定時(shí)器，否則就改變透明度的值alpha

if(alpha == iTarget){
   clearInterval(timer);
}else{
   alpha += iSpeed;
   oDiv.style.opacity = alpha/100;
   oDiv.style.filter = 'alpha(opacity:'+alpha+')';
}

完整的代碼如下：