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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
没有声明oDiv.timer,
谁有老师QQ
这节视频有很多有意思的点:

1. 老师使用了element.offsetLeft属性,如果不使用这个属性,会需要增加好几行代码来实现。

2. 不仅可以使用setInterval(),还可以使用setTimeout()或requestAnimationFrame()函数来达到目的。

3. 老师的代码中的结束条件存在bug,当target的值不是speed的整数倍时,动画不会停止。

4. 即使正确设置了speed和target的值,返回触发鼠标事件,动画也可能用于不会停止。在开始状态和目标状态间闪来闪去。
这是我自己写的完整demo,有需要的朋友可以去看一下http://pan.baidu.com/s/1qYhSS1Y
这个姐 约儿童吗QAQ
@湮阳
这人的评论居然有这么多人赞,真是呵呵
呃呃呃。错了
flag在外就是全局变量。下面写的if是判断所有的都满足在成立,也就是&&;
好,棒棒哒!
Math.floor
这几个小节教会了我这个渣渣一个到道理:框架就是,把相同的操作放在一起,把不同的操作也用 if else 放在一起,然后你就在外面随意调用就行了。
1.offsetWidth属性可以返回对象的padding+border+width属性值之和,style.width返回值就是定义的width属性值。

2.offsetWidth属性仅是可读属性,而style.width是可读写的。

3.offsetWidth属性返回值是整数,而style.width的返回值是字符串。

4.style.width仅能返回以style方式定义的内部样式表的width属性值。

原文地址是:http://www.51texiao.cn/javascriptjiaocheng/2015/0427/222.html
我需要源代码
就因为我把 <script type="text/javascript">写成了<script type="javascript"> 找了好久的bug 低级错误啊
为啥基础视频都差不多,哎,难怪进阶很难。因为资料也不多,我还是去看书吧。
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消