为了账号安全,请及时绑定邮箱和手机立即绑定

Js动画效果案例

我写的鼠标移入,就不能回来了!加了直接定值30px,也没有出现,感觉乱了!能看看代码吗?

正在回答

1 回答

function startMove(obj,json,fn){

var frag=true;

clearInterval(obj.timer);

obj.timer=setInterval(function(){

for(var att in json){

var wid=0;

//判断是否为设置透明度属性

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];

}

}


1 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
JS动画效果
  • 参与学习       113926    人
  • 解答问题       1443    个

通过本课程JS动画的学习,从简单动画开始,逐步深入各种动画框架封装

进入课程

Js动画效果案例

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信