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

JS动画效果

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

已采纳回答 / 一毛钱
<...code...>太马虎了吧逗号写成了点,应该是这样的 cur=Math.round(parseFloat(getStyle(obj,attr))*100);

最新回答 / 狸木南
if(icur!=json[attr]){ flag=false; }else{ flag=true; }改成这样就好了。。。

已采纳回答 / 木子舟义
嗯 这个问题。首先 加了border之后,上下左右  你加的border是1px  也就是 上面1px 右边1px 下面1px 左边1px 那么 就等于 水平方向上多出了2px 的宽度。 对吧?那么offsetWidth = 202px;对吧,div.width = 200px 对吧,202-1 =201 把这个201赋值给 div.width 不就比原来的多1了吗。再下一次间歇调用。 offsetWidth = 201+ 2px的border值哦。  div.width = 203 -1 =202px ...

已采纳回答 / 木子舟义
为什么不是一个值? 当然在变化,每一次间歇调用都在第二个if语句里对它进行了操作 并且让div的不透明度进行了变化。直到达到目标值才停止
看完这个视频特地来这里评论。JS一定要学扎实呀,不然有的地方听着好费劲。还有啊,不要觉得ss3,jquery比这个简单多了,所以js就不用学了。。原生JS很重要。
谢谢老师~讲的很好。不能因为jquery方便就不学习js呀。哈哈。

已采纳回答 / 木子舟义
<!DOCTYPE html><html lang="en/zh"><head>    <meta charset="UTF-8">    <title>JS动画</title>        <style type="text/css">        *{            padding: 0px;            margin: 0px;        }        #share{          ...
speed放在里面是为了之后的缓冲动画,因为在缓冲动画中每次都要改变一下speed的值
else 是必须要加的,不加的话会导致移动div的代码多执行一次,自己试试就知道了
感谢老师的分享 ^_^
好可爱的大象和长颈鹿~
每次循环开始要重置flag=true, 这样才能结束掉定时器!
很多同学都发现了一个bug。flag可以在定时器内函数的外部声明,但是需要在内部第一行去赋值为true,否则即使所有的属性都已经过渡完毕,flag也不会恢复true。
jQuery要会用。原生js要会精通

已采纳回答 / JAVA小白520
那就用火狐呀,你试试谷歌浏览器  应该也支持! 各个浏览器 有时候显示的效果是不一样的!

最新回答 / Siming0
clearInterval(timer),不能读取timer的参数,timer没有指向你设的计时器
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消