html运动框架问题
发布网友
发布时间:2022-05-24 15:31
我来回答
共2个回答
热心网友
时间:2023-10-18 22:52
/**
* @author miaov
*/
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}
function startMove(obj, attr, iTarget, fn)
{
clearInterval(obj.timer);
obj.timer=setInterval(function (){
//1.取当前的值
var iCur=0;
if(attr=='opacity')
{
iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}
else
{
iCur=parseInt(getStyle(obj, attr));
}
//2.算速度
var iSpeed=(iTarget-iCur)/8;
iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
//3.检测停止
if(iCur==iTarget)
{
clearInterval(obj.timer);
if(fn)
{
fn();
}
}
else
{
if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
}
else
{
obj.style[attr]=iCur+iSpeed+'px';
}
}
}, 30)
}
热心网友
时间:2023-10-18 22:53
建议参考3ghy.com/article-102.html