Js動(dòng)畫效果案例
我寫的鼠標(biāo)移入，就不能回來了！加了直接定值30px，也沒有出現(xiàn)，感覺亂了！能看看代碼嗎？
HJTxyr
2015-11-15
1 回答
舉報(bào)
0/150
提交
取消
2015-11-27
function startMove(obj,json,fn){
var frag=true;
clearInterval(obj.timer);
obj.timer=setInterval(function(){
for(var att in json){
var wid=0;
//判斷是否為設(shè)置透明度屬性
if (att=='opacity') {
wid=Math.round(parseFloat(getStyle(obj,att))*100);
}else{
wid=parseInt(getStyle(obj,att));
} ?
var speed=(json[att]-wid)/8;
speed=speed>0?Math.ceil(speed):Math.floor(speed);
if (json[att]!=wid) {
frag=false;
}
if (att=='opacity') {
obj.style.filter='alpha(opacity:'+(wid+speed)+')';
obj.style.opacity=(wid+speed)/100;
} else {
obj.style[att]=wid+speed+'px';
}
}
if (frag) {
clearInterval(obj.timer);
if (fn) {
fn();
}
}
},30);
}
//獲取obj的屬性方法，兼容瀏覽器
function getStyle(obj,att){
if (obj.currentStyle) {
return obj.currentStyle[att];
}else{
return getComputedStyle(obj,false)[att];
}
}