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

JS动画效果

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

已采纳回答 / 白小九
书写不规范,错误太多:<...code...>再比如:<...code...>……自己仔细检查一下哈

已采纳回答 / 不知不觉后知后觉嗯
startMove(this,'width',400,function(){ startMove(this,'height',400,function(){startMove(this,'opacity',100);把后两个this换成你定义的test。判断 this 指向谁,看执行时而非定义时,只要函数(function)没有绑定在对象上调用,它的 this 就是 window。你会发现按照你原来的代码写的话,它只变了width,height和opacity都没有变,显示的错误是window.getSt...

已采纳回答 / 不知不觉后知后觉嗯
style中注释使用错了,应该是  /*透明度30*/,你用的//是js的单行注释,改一下就好

已采纳回答 / 蜗牛禾木
timer=setInterval(function() { //定时器赋值给timer,要不然timer一直都是null吧;            if (divv.offsetLeft == Target) {                clearInterval(timer);            } else {                divv.style.left = divv.offsetLeft + speed + 'px';            }        }, 30...

已采纳回答 / 韩侠
和后来讲解的小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...

已采纳回答 / S01010011
你的意思是为什么不用getAttribute获取CSS样式中的属性值吗?    首先,想要获取外部/嵌入式CSS样式中的属性,getAttribute是做不到的。    getAttribute是用来获取元素上的属性的,比如id、class、用户自定义属性等等。    虽然getAttribute可以获取到内联式CSS样式的属性(返回的是整个字符串,如"color:red;"),但是获取内联式CSS样式有更好的Element.styel.xxx属性(返回的是属性的值,如"red")。    所以获取属性值...

已采纳回答 / S01010011
 odiv[i].onmouseover=function(){          odiv[i].startMove(this,50);          }          odiv[i].onmouseout=function(){              startMove(this,100);              }         }这段代码中odiv[i].startMove(this,50);是错的,改成startMove(this,50);就行了。

已采纳回答 / 一二得三
中括号? 你指的JSON吗? 你是不是想问json属性名是否需要加引号?通常情况下不加引号可以使用,但json作为一种通用性的数据格式,所以必须保持严格性,不然在跨语言开发就会很麻烦,并且不加引号的话,在JS中有时也会造成混乱,所以必须为了保证其严格性,必须要加引号。

已采纳回答 / qq_不净莲华_03851634
这里不是变量,是对象属性,不需要声明;定义成一个对象属性在函数内部就可以通过对象访问;不知道这样对不对

已采纳回答 / cccryst
代码第42、43行,alpha单词拼写错误:obj.alpah += speed;obj.style.filter = "alpha(opacity:" + obj.alpah + ");";

已采纳回答 / stone310
首先你这里是没有停止计时器的:<...code...>要写成clearInterval(wuti.dingshiqi),当写成这样后,bug就出现了,不用flag=true,当变化的任何一个属性达到目标值后,运动停止;而不是我们需要的当所有属性达到目标值后,运动才停止
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消