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

JS动画效果

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

已采纳回答 / 六月ovo
定时器不可以共用,你这里明显多个对象动画都共用一个定时器【timer】了,应该把定时器的地方都改成 obj.timer , 在运动函数里面,增加一个obj的参数。例如://这里是遍历的代码 for(var i=0,l=img.length;i<l;i++){    img[i].timer = null;     img[i].onmouseover=function(){         moveFn(img[i],50);     }     img[i].onmouseout=fun...

最赞回答 / 生菜不懒
可以将offsetLeft和style.left进行比较:offsetLeft: 获取的是当前对象左侧距离父对象左侧的值(均不包含border);(返回的是一个值)style.left: 获取或设置相对于具有定位属性(position定义为relative)的父对象的左边距;(返回的是一个值+'px')

已采纳回答 / 强转程序猿
老铁,你onmouseover后面的function少两个括号

最新回答 / 六月ovo
offseLeft获取的是【当前对象】跟【具有定位属性的上级父元素】最左边的距离,不会获取margin-left:    例如:<div style='position:relative'>                        <span style='position:absolute; top:20px; left:20px;'>我是当前对象</span>                <div>        在上面,span的父元素使用了相...

最新回答 / qq_总有刁民想害朕_25
执行函数时先清除定时器在执行定时器  避免函数重复执行

最新回答 / qq_那么问题来了_2
```js<!DOCTYPE html><html><head><meta charset="UTF-8"><title>任意属性值2</title><style>body, ul, li {margin: 0;padding: 0;}ul,li {list-style: none;}ul li {width: 200px;height: 100px;background: yellow;margin-bottom: 20...

最新回答 / yclycl
function getStyle(obj,attr){    if(obj.currentStyle){        return obj.currentStyle[attr];        }else{        return getComputedStyle(obj,false)[attr];            }    }    function move(obj,json,fn){clearInterval(obj.timer);obj.timer=setInterval(funct...

最赞回答 / 慕粉4382624
外部嵌入取的是offserWidth的值  而offserWidth的值是包括padding和border的  不仅仅是div本身的width。内部嵌入时候通过getStyle那个函数取的行内样式  取的是DIv本身的宽 不加padding和border

已采纳回答 / 10点
<...code...>把timer.setInterval(function()里的.改成=,timer=setInterval(function()

最新回答 / 我在草里非常隐蔽
如果var timer=null设为局部变量放在函数里面,函数每次执行时timer值都会变为null。

最新回答 / 慕粉4382624
定义for循环里面的alpha透明度属性应该只是为了后面的clearInterval(obj.timer);可以关闭

已采纳回答 / 慕粉4382624
搞了半天    我还在纳闷怎么不行。var speed = (iTarget - oBox.offsetLeft)/30;speed = speed>0?Math.ceil(speed):Math.floor(speed);这两行  要写在setinterval这个函数里面

最新回答 / 一汀烟雨
颜色的设置不属于动画范畴了吧,可以通过改变透明度来展示颜色动画效果。
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消