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

JS动画效果

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

已采纳回答 / 写米乐
样式有这俩句:其他样式不写了,主要看这俩个。<...code...><...code...>

已采纳回答 / 啊直直直直直
函数调用之后,先关闭定时器,假如没有定时器就不操作,有定时器就关闭,再继续执行下面的函数。如果后面有触发定时器的话,还是会触发成功。程序是从上到下的运行的。

已采纳回答 / Zzmkiv
你获取的元素不对啊,兄弟

已采纳回答 / jw3631281
 function startMove(iTarget){clearInterval(timer);var oDiv=document.getElementById('div1');   timer=setInterval(function(){var speed =(iTarget-oDiv.offsetLeft)/10;speed=speed>0? Math.ceil(speed):Math.floor(speed);}                               -------...

已采纳回答 / 前端大神是我的梦
链接:http://pan.baidu.com/s/1hrPbb3Q 密码:4tov

已采纳回答 / 那一缕微风
因为如果不清除定时器的话,每次当鼠标移入的时候就会在先前的定时器上再开一个定时器,造成定时器的叠加,这样效果就不好了。设置+1是为了更好的看见定时器叠加后的效果。

已采纳回答 / SoEasy_1
兄弟啊,细心点啊。你传参是Target,下面却在用Taret if(obj.alpha > Target){                        speed = -10;                    }                    if(obj.alpha < Target){                        speed = 10;                    }

已采纳回答 / 慕少1442876
负值是向左运动,向左不就是移出么

已采纳回答 / 二哥二姐二姐夫
body本身的margin属性没有reset你在CSS里加一句 *{margin:0;padding:0;}

已采纳回答 / 我要的就是现在
没有oDiv.offsetAlpha这个属性,改成alpha就行啦

已采纳回答 / 折翼天使I
你的这句话写错了:<...code...>你先前已经定义过了,但是你这里又重新定义了一遍,但是javascript的运行是从上到下的,他认为你重新定义了一个新的timerId,简单说你去掉这个var就正常了,改成这样:<...code...>

已采纳回答 / JettZed
startMove方法 里面的parseFolat里面的getStyle里面的“,”写错了,你写成了“.”
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消