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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰

已采纳回答 / 打开新的标签页_1
Idv1.style.opacity=chopacity+speed;在此处是一个字符串,需要将其转换为float型。Idv1.style.opacity=parseFloat(chopacity)+parseFloat(speed);
缓冲,直接动态改变速度不就行了,
if里面写>=0 就不用加else 效果是一样的
透明度的改变会一直出错,

已采纳回答 / 慕妹7508549
拜托,你要是让他位置移动当然要用offsetLeft。你要是让他宽高改变当做要用offsetWidth。从字意上就可以看出来。
兼容IE:
当前值:
if(obj.currentStyle){
var attrArr=getStyle(obj,"filter");
for(var i=0;i<attrArr.length;i++){
if(attrArr[i]>="0"&&attrArr[i]<="9"){
cur=cur*10+parseInt(attrArr[i]);
}
}
}else{
//火狐
}
赋值:
if(obj.currentStyle){
obj.style["filter"]="alpha(opacity:"+(cur+speed)+")";
}else{
//火狐
}

最赞回答 / Purplefly
因为一开始浏览器有默认样式,盒子离左边和上面有距离,可能由于速度设置的原因而永远到不了目标值,如目标-200但是一开始左边有8px左右的距离,每次移动10px就永远到不了目标值

最新回答 / 半桶水的好人
<!doctype html><html> <head>  <meta charset="UTF-8">  <meta name="Generator" content="EditPlus®">  <meta name="Author" content="">  <meta name="Keywords" content="">  <meta name="Description" content="">  &l...
老师你这开头放的不是剑灵的图片吗
透明度是运动吧,从一个状态变化到另一个状态不是运动吗?是因为它没有单位所以觉得它没有在动吗?
老师讲的真细心,而且很清楚,,感谢老师

最新回答 / WinXXP3952812
像素有小数时会四舍五入,所以speed小于1大于0.5时还会动,10px左右的时候停止是刚好speed在0.5的分界线
这声音···我耳朵在隐隐作痛
谢谢老师的耐心讲解,给了我们具体实现js动画的思路和方法。
老师讲的课棒棒哒,超喜欢老师的声音。
o(* ̄▽ ̄*)o 老师老师我爱你,就像小白爱大米!
gyhfytuty
老师讲的好好!缺的就是变成思维,打算把老师的课程都翻出来看看
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消