JS中如何动态改变单物体透明度

这篇文章给大家分享的是有关JS中如何动态改变单物体透明度的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

为襄城等地区用户提供了全套网页设计制作服务，及襄城网站建设行业解决方案。主营业务为成都网站建设、成都做网站、襄城网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

具体如下：

除了通过改变物体的 宽，高，letf,top位置或者是运动方向来实现物体运动效果之外，改变物体的透明度，也是运动特效

但是在js中只有offsetLeft/Top ,offsetWidth/Height,这四个方法，并没有offsetAlpha这个方法。

问：那么我们怎么来 获取当前物体的透明度那？？

我们可以自己定义一个变量 var alpha  = 30;通过判断这个变量 是否和目标值是否相等，来继续我们下一步的操作;

var alpha = 30; // 自定义一个变量

当alpha 等目标值得时候，清楚定时器，否则就改变透明度的值alpha

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

完整的代码如下：