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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
jason 轻量级数据格式;
var json={a:12, b:13};
for( var ele in json){
alert(ele);//a b
alert(json[ele]); // 12 13
}
链式动画:
var Li = document.getElementById('li1');
Li.onmouseover=function(){
startMove(Li,'height',200,function(){
startMove(Li,'width',400,function(){
startMove(Li,'opacity',100,function()
});
})
}
速度一直在减小,最后不会到达iTarget,后面判断是否==iTarget的部分可以省略。
谢谢老师,学到很多
源码啊,之前@qq_青春之梦_0 童鞋发的已经过期了
哪位把源码发一下,不胜感谢
哎呦,没有demo可以下载么?
6分45 出错解释:浮点数值的最高精度是17位小数,但在进行算数计算时其精度远远不如整数,这个特性导致无法测试特定的浮点数值。这是使用IEEE754数值的浮点计算的通病,并非只有JS有 其他使用这个754规则的语言也有
使用Math.round()
透明度不能加parseInt,使用parseFloat,px
if(attr = = 'opacity'){}
else{}

if(attr=='opacity'){ obj.style.filter='alpha(opacity:'+(icur+speed)+')';
obj.style.opacity = (icur+speed)/100;}
else{obj.style[attr] = icur+speed+'px';}
oDiv.style.width = parseInt(getStyle(oDiv,'width'))-1+'px';
获取样式
function getStyle(obj, attr){
if(obj.currentStyle){
return obj.currentStyle[attr];
}
else{
return getComputeStyle(obj,false)[attr];
}
}
如果改成>=0,当循环停止时left可能大于0,这样在出发鼠标事件,就会一直执行循环中的clearInterval(timer),就不会产生缩回动画了
box-sizing:border-box;
box-sizing:content;也可以解决
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消