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

JS动画效果

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

最新回答 / PurpleNight
应该是你的值有问题,后面的课程有讲到  取值的时候有问题,你打开页面开发者工具发现最后的值是浮动变化的
有个问题要注意
<div id="div1" style="left: -192px"><span id="share">分享</span></div>
div的left值一定要写在行内,不然会有bug,甚至出问题。
0.5倍都被你们玩得和谐了,慕课取消了0.5。。。
哈哈~我用css,我也学JS,气死一群老大爷
清除定时器那,直接判断如果他的left<=0 去执行位移不就行了么

最赞回答 / 小呀嘛小白菜
你在定时器前面重新定义了“int”变量,所以一开始你在程序中调用的清除定时器根本没发挥作用,函数的清除参数也根本不是你在下方调用的定时器的返回值,而且你在定时器里面的函数里的条件判断中的“clearInterval()”,根本不对,没有参数,导致整个程序出错(ps:定义变量的时候不要用语言自带的关键字“int”,这是硬性的语法规则!)
真应该润润嗓子

已采纳回答 / 黑白灰菌
onmouseover写错了
CSS3已经很强大了,哪个方便用哪个。说什么用css走不远的朋友,牛B你别用JQ啊,别用Bootstrap啊,这些不都是为了方便你这种大爷造出来的吗?你要走的远别学JS啊,干嘛不去学JAVA和C#呢?
#div1:hover,#div2:hover,#div3:hover,#div4:hover {
opacity: 0.5;
transition: all 1s ease;
}
transition: all 1s ease;
CSS3可以很好的实现这些效果啊,
#div1:hover {
opacity: 0.5;
margin-left: 0px;
transition: all 1s ease;
}

已采纳回答 / Muix
这部分代码没问题,在我的机子的chrome上跑有效果。你最好传一下完整代码,看看哪里有问题。
要源码自己敲一敲啊,好几节了底下全是要源码的伸手党。这东西也不难,自己打代码不是更能快速熟悉么?
看这个视频学到了很多以前不会想到的思考方式,很好很好
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消