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

JS动画效果

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

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

已采纳回答 / littlemin
var icur=parseInt(getStyle(obj,'width'));位置不对

最新回答 / 慕虎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值就行,前提是要绝对定位

最新回答 / Himushroom
width那里要写成400px,你没有加单位啊,亲

最新回答 / 慕码人1183263
function startMove(obj,json,fn){                clearInterval(obj.timer);                obj.timer=setInterval(function(){                    var flag=true;   //标志所有运动是否到达目标值                    for(var attr in json){                        var curr=0; //获...

最新回答 / 雷灿成
// for (i = 0; i < length; i++) {             pics.onclick = fs(i);     }     function fs(i) {         return function() {             alert(i);         };     } 这个错误就是为了防止函数与循环之间作用域与自变量的问题,其中的细节就不多说了.接下来就自己学会变通了,函数是不能在一个循环内的,不过写了,不影响内容的结果 window.onlo...

最新回答 / 慕仔3074982
刚刚试了控制台打断点查看,发现var flag=true;这句声明放在定时器外边和直接不写,最后一个if内的清除定时器是没有被执行的,只有声明放在定时器内部时,最后一个if内的清除定时器才被执行了

最新回答 / 陈先森
我按照你的代码重新写了一遍,可以运动,没毛病。你可以参考下。<!DOCTYPE html><html><head><meta charset="UTF-8"><title>JS速度动画</title><style type="text/css">*{margin: 0;padding: 0;font-size: 14px;}#div1{width: 200px;height: 200px;background: red;t...

最新回答 / 慕粉3951534
每 30 毫秒执行一次 odiv.style.left = odiv.offsetLeft+speed+'px' 语句,相当于将 odiv.style.left = odiv.offsetLeft+speed+'px' 语句循环执行。

最新回答 / PurpleNight
应该是你的值有问题,后面的课程有讲到  取值的时候有问题,你打开页面开发者工具发现最后的值是浮动变化的

最赞回答 / 小呀嘛小白菜
你在定时器前面重新定义了“int”变量,所以一开始你在程序中调用的清除定时器根本没发挥作用,函数的清除参数也根本不是你在下方调用的定时器的返回值,而且你在定时器里面的函数里的条件判断中的“clearInterval()”,根本不对,没有参数,导致整个程序出错(ps:定义变量的时候不要用语言自带的关键字“int”,这是硬性的语法规则!)

已采纳回答 / 黑白灰菌
onmouseover写错了
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消