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

JS动画效果

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

timer=setInterval(function(){
var speed=0;
if (oDiv.offsetLeft>itarget) {
speed=-10;
} else{
speed=10;
};
if (oDiv.offsetLeft==itarget) {

} else{
oDiv.style.left=oDiv.offsetLeft+speed+'px';
}
},30);
不错的教程,一直很想找一个这样的教程看的

最新回答 / _This
太棒了你,解决了我的问题

最赞回答 / wengyaqiang
我现在的观点是,在speed>0时,在speed减小到0<speed<1的阶段,如果使用了Math.floor,那么speed就变成0了,那么Left就没办法达到0,而使用Math.ceil,在speed减小到0<speed<1的阶段,speed值就是取1,那么Left就能继续移动直到达到0。
想要源码的流QQ 鄙人手打的 要不
三元运算符,比写一堆if else 简洁的多
老师能不能把每一章的源代码发上去让我们看看! 求!
window.onload=function(){
var oDive = document.getElementById(&#039;div1&#039;);
oDiv.onmouseoveer = function(){
startMove();
}
function startMove(){var oDiv = document.getElementById(&#039;div1&#039;);setInterval(function(){oDiv.style.left= oDive.offsetLeft+10+&#039;px&#039;;},30)}}
感觉老师是真C程序员,完全的结构化思想。
Thanks for sharing~~~ very good
不知道啥时候又突然的再更新阿,哈哈,老师挺好的,继续逛慕课
突然发现更新了。。。
瞥了一眼才发现更新了。我说,怎么结束的有点匆忙。继续啊

最新回答 / __Ling__
好吧,一问然后我就知道为什么了,是 attr 而不是‘attr'
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消