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

JS动画效果

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

最新回答 / 森帅博伊
你的对象一下是oDiv,一下是obj,这样肯定不行,把obj,都改为oDiv。否则,就像你在定义startMove()函数是注释的,里面需要声明两个参数,即function startMove(obj,iTarget){},同时,加载时的执行参数下的startMove()也需要改为两个参数,可以改为startMove(this,0)和startMove(this,-200)。

最赞回答 / 彭若飞
自己搞明白了!!d.style.width=200px 这样的写法中,d.style.width返回的字符串中有px,只能用来被赋值不能用来获取值,而d.offsetWidth和d.clientWidth返回的字符串中么有px可以用parseInt()包起来转换成整数!!!!!!!!!!

最新回答 / 风_起
再补充一点:后面的element.alpha可以换成styleValue,并且isOpactiy也不需要了。(代码忘记更新了)

最新回答 / 孖亽睂
function startMove(obj,json,fn){    clearInterval(obj.timer);    obj.timer = setInterval(function(){        for (var attr in  json){            //1.取当前的值            var icur = 0;            var flag = true;//假设所有的运动都到达目标值            if(attr == "opacity"){...

最赞回答 / 李羊羊
<...code...>var flag = true;  这句放在setInterval里面,评论里面都在说这个

最新回答 / 梁渣渣
怎么说,你要怎么做动画?能说清楚问题么

最赞回答 / hhhs1s1s
没有问题,我自己的问题。。。浏览器缩放了。。谢谢大家了。。不知道谁动我电脑了

最新回答 / hhhs1s1s
谢谢,是我自己问题,浏览器缩放了

最新回答 / 奶油面包
我的计时器触发没有放到window.onload里面去。

最新回答 / wo会很幸福
我用IE兼容软件测试了一下,filter:alpha(opacity)必须要有的,不然低版本的IE是没有效果的

最赞回答 / aparch
+号在这里是连接符,实际上这个句子是为了实现在IE浏览器中的opacity定义:css中的写法      fliter:alpha(opacity:30);js中的写法        odiv.style.filter=alpha(opacity:30);你把加好看成连接符,这里的alpha就是opacity的赋值,相当于例子中的30,把+去掉,就是ie里的赋值语句odiv.style.filter=alpha(opacity:alpha);(当然这个只是给你看的更具体一点,要写成这样肯定不对,要加+号,...

最新回答 / 青鸟衔音
<style type="text/css"> *{ margin: 0; padding: 0; } #move{ width: 300px; margin: 10px auto; border: 1px solid #ccc; } #move a{ display: inline-block; width: 58px; height: 25px; border: 1px solid #ddd; border-radius: 3px; b...

最赞回答 / qq_秋_
this就是指你当前选择到的东西,可以看你前一行选择到了什么,这个this就是什么了,所以第二个第三个this都是指i
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消