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

JS动画效果

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

最赞回答 / 紫金道童
好尴尬,吃了一顿饭回来一看是因为我没加clearInterval(timer);加了之后果然没问题了。自己提的问题还不能删除,干脆自问自答好了

最新回答 / qq_阿凡达_1
视频里好像说随机出现吧,你确定你试过所有数了吗?

最新回答 / 慕粉3951534
每次鼠标移入移出事件都会触发调用 startMove() 函数,每次调用 startMove() 函数,符合条件的情况下,都会执行 setInterval() 函数创建时钟,如果不先 clearInterval() 清除时钟,那么就会造成时钟多次叠加,比如,本来一次时钟每 30 毫秒移动 10px,两次时钟叠加,则会在 30 毫秒内无规律移动两次 10px,多次时钟叠加就更明显。

最新回答 / weibo_punica___0
第一个else用于区分速度正负,只要达到判断的效果即可alpha==iTarget用于判断是否已经到达目标值,到达即清空计时器,不再运动

最新回答 / 慕粉3951534
我们分两个情况,第一个情况是加到 400 的时候,第二个情况是减到 100 。在此之前,我们把下面这句代码转化一下:<...code...>你也知道,当前 wuti.offsetWidth = wuti.style.width + 2,当然这只是说明...

最新回答 / qq_巧克力人生
function startMove(obj,json,fn) {    clearInterval(obj.timer);    var flag = true;/*flag作为判断每个运动是否都完成的标志*/ obj.timer = setInterval(function(){ for(var attr in json) { var temp = 0; if(attr =="opacity") { temp = Math.round(pa...

最新回答 / qq_慕粉5446823
你写的 clearInterval(timer2);是暂停变化(因为达到了想要的透明度)。而透明度变回30是触发了onmouseout事件

最新回答 / 慕虎9681967
 var speed=(iTarget-obj.offsetWidth)/10;和 if(iTarget==obj.offsetWidth)中的 obj.offsetWidth 也要改成parseInt(getStyle(obj,'width'))  加了边框 obj.offsetWidth的值肯定会增加border*2

最新回答 / qq_我叫红领巾_2
想了想应该会影响吧   例子是bottom 下边界  如果是left和right  应该就会影响输出结果   

最新回答 / qq_Aslongasyoul_3
其实老师已经封装号了,里面的attr是任意属性的,向上运动改变top值就行,前提是要绝对定位
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消