window.onload?=?function?()?{
????var?donghua?=?document.getElementById('donghua');
????donghua.onmouseover?=?function?()?{
??????startMove(donghua,{width:?'400'},function?()?{
????????startMove(donghua,{height:'20'})
??????})
????}
??}
??function?getStyle(obj,?attr)?{
????if?(obj.currentStyle)?{
??????return?obj.currentStyle[attr];
????}
????else?{
??????return?getComputedStyle(obj,?false)[attr];
????}
??}
??function?startMove(obj,?json,?fn)?{
????var?flag?=?true;//假設(shè)標(biāo)桿
????clearInterval(obj.timer);
????obj.timer?=?setInterval(function?()?{
??????for?(var?attr?in?json)?{
//????1.取當(dāng)前的值
????????var?iCur?=?0;
????????if?(attr?==?'opacity')?{
??????????iCur?=?Math.round(parseFloat(getStyle(obj,?attr))?*?100);
????????}?else?{
??????????iCur?=?parseInt(getStyle(obj,?attr));
????????}
//????2.算速度
????????var?iSpeed?=?(json[attr]?-?iCur)?/?8;
????????iSpeed?=?iSpeed?>?0???Math.ceil(iSpeed)?:?Math.floor(iSpeed);
//????3.檢測(cè)停止
????????if?(iCur?!=?json[attr])?{
??????????flag?=?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?(flag)?{
????????clearInterval(obj.timer);
????????if?(fn)
????????{
??????????fn();
????????}
??????}
????},?30)
??}
不知道為什么沒(méi)有鏈?zhǔn)竭\(yùn)動(dòng),只運(yùn)動(dòng)了第一部分,要鼠標(biāo)移動(dòng)第二下才顯示
qq__3360
2016-07-27 07:44:08