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

JS动画效果

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

已采纳回答 / 点潇洒3575453
每次鼠标移入移出时先关闭定时器,然后再根据下面的条件决定是否重新开启一个定时器.

已采纳回答 / Madlen
//以下是老师封装的函数,其余的css代码自己写就好了function startMove(obj,json,fn) { /* obj为要改变的元素对象 json为属性/值对,即要改变的属性和值。用于同步运动 fn为回调函数,用于设置链式运动 ...

已采纳回答 / Zkan
Li1.onmouseout = function () {stratMove(this, 'opacity', 30);}start拼写错误,其他没看

已采纳回答 / qq_Moderato_0
传参数fn时,不能用this了,可以在外边 var that = this,不然里面this的指向会变成window。

已采纳回答 / 德川家康
当div完全显示的时候,odiv.offsetleft为0,想让它缩回去,你设target为-200,然而你判断条件是odiv.offsetLeft>=target,条件成立,执行  clearInterval(timer);,自然缩不回去。

已采纳回答 / cRCHAN
有没有看完那节课?课程后面讲了,是因为盒子的原因,真正的宽度是设置的width值再加上边框的值*2(因为有左右边框)。offsetWidth读取的是width加上border的值,而style.width只是width的值。原先来说是oDiv.style.width + 2 = oDiv.offsetWidth(这里不是赋值,而是普通的相等)。实际oDiv.offsetWidth比oDiv.style.width大2像素,赋值运算的时候,虽然offsetWidth - 1了,也还是比style.width...

已采纳回答 / 夜幕丶将临
{'width' : 400, 'height':400, 'opacity':100} 是把css属性当做一个对象的写法,其中width、height、opacity是对象的属性,后面的是属性值,对象属性值一般需要用引号引起来,所以jq中把'250px'引起来。 至于move的参数写法,其实是不太规范的。 

已采纳回答 / 一个人时间
因为你把他写在window.onload=function里面,相当于你把var div1 = document.getElementById('div1'); 作为一个全局变量了,所以你在move里面直接是可以调用这个div1这个变量的div1.style.left = div1.offsetLeft + speend + 'px';至于区别    其实也没多大区别    只是你定义在window.onload里面的话在其他函数里面也可以使用就是说如果你这个变量在不同的函数中使用次数比较多的话是可以把他...

已采纳回答 / 沈江南
判断高度及赋值的属性不对吧if(mybirdfly.offsetTop >= 395) { ... } else {    mybirdfly.style.top = mybirdfly.offsetTop + mybirdfly.fallSpeed++ + "px";}

已采纳回答 / zeroben
第20行,if(iTarget == speed) 这里括号里应该是icur == iTarget才对。
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消