getStyle獲取元素樣式 兼容IE火狐
function getStyle(obj, attr)
{
if(obj.currentStyle)
{
return obj.currentStyle[attr];
}
else
{
return getComputedStyle(obj, false)[attr];
}
}
function startMov dom 操作元素運(yùn)動
json元素這里可以同時操作多種元素變化榆骚，把style當(dāng)成數(shù)組傳進(jìn)去
列如：startMove(oDiv, {width: 102, height: 200, opacity: 100});
fn在這里代表回調(diào)函數(shù)，有則執(zhí)行
function startMove(obj, json, fn)
{
clearInterval(obj.timer);
obj.timer=setInterval(function (){
var bStop=true; //
for(var attr in json)
{
var iCur=0;
if(attr=='opacity')
{
iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
}
else
{
iCur=parseInt(getStyle(obj, attr));
}
var iSpeed=(json[attr]-iCur)/8;
iSpeed=iSpeed>0?
Math.ceil(iSpeed):Math.floor(iSpeed);
if(iCur!=json[attr])
{
bStop=false;
}
if(attr=='opacity')
{
obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
obj.style.opacity=(iCur+iSpeed)/100;
}
else
{
obj.style[attr]=iCur+iSpeed+'px';
}
}
if(bStop)
{
clearInterval(obj.timer);
if(fn)
{
fn();
}
}
}, 30)
}
有經(jīng)驗(yàn)的程序員肯定發(fā)現(xiàn)里面還有一些坑比吭，比如還想控制DOM樹的startMov執(zhí)行時間刺覆，事實(shí)上也能當(dāng)成參數(shù)往里傳严肪。
var iSpeed=(json[attr]-iCur)/8;
還有setInterval 后面的執(zhí)行時間 均可控制執(zhí)行時間，
這里本人使用了看的較為舒服的/8速度
