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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
这里的span是行内元素,所以,要使用样式width,height需要让其变成块级元素 display:block

最新回答 / ZAthena
我觉得应该是一个覆盖的意思,后面的会覆盖前面的功能
火狐body默认body的margin为8px,需要做body{margin: 0;}

最新回答 / LioHD
flag=true应该定义在setInterval里面,思路是这样的:1.每次复用都将flag设为true,2.如果有未达到目标的这时将flag覆盖为false;3.在结束前判断flag为true 则清除虽然width到达了目标,但是opacity未达到目标 flag 被覆盖为 false,不能进入clearInterval的判断只有当所有的目标达到时,if(icurr != json[attr])的判断无法进入 flag 不能被设置为false,这时候flag为开始定义的true,随后clearInte...
我真的很想知道,老师你这视频里运行的效果真是从你视频里的代码来的吗?你是在逗我们吗?
补充马不理的建议,先看《dom编程艺术》,《js高级程序设计》入门时看了也白看。

最新回答 / IMOOC_AC
js写在head里会报错,写在body里没问题,我好像明白了

最新回答 / _莫忘初衷_
getelementsbytagname获取到的是一组tag啊是一个对象集合,【0】是文档中第0个。你要的不是对整个集合操作吧

已采纳回答 / 韩侠
和后来讲解的小bug一样, 先变得宽, 再变的高, 如果宽先达到设定值, 关闭定时器, 就是视频中展示的效果, 停止不继续执行动画, 但是原来是把宽增加200px, 高增加100px, 所以是高先满足条件, 就停止了定时器, 之后宽度再次变化是因为鼠标再次移入, 触发了onmouseover事件, 然后宽度向着目标变化了一次, 之后看高度, 因为已经达到预定值, 就再次关闭计时器, 之后的几秒, 你可以看到当鼠标又再次滑到div上面的时候, 宽度实际上又变化了两三次的(我没有经过代码实际验证, 不过我想应...
坑爹,教的例子也是跟网上找的一模一样有意义么,都是东抄抄西抄抄,没点鸟用

已采纳回答 / 尹为者
<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title></head><body><style>*{    margin:0;    padding:0;        }  div{      width:200px;      height:200px;      background:red;      bord...

最赞回答 / 慕粉3951534
不是没有效果,而是该值为空,可能你并没有用 JS 显式设置过 <...code...>这样设置过,才能取到值。
当减小的像素&gt;2*border的像素 就能正常减小
border:4px solid black;
odiv.style.width=odiv.offsetWidth-9+&#039;px&#039;; 9&gt;2*4
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消