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

JS动画效果

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

已采纳回答 / 黑色秋水
getComputedStyle方法里已经有了对象参数而且此方法是定义在window下的而不是元素对象下,你前面又在元素对象下调用,所以报错;(前面"obj."去掉)

已采纳回答 / Ken2016
首先对于楼主想要实现的功能不是太明白, 在本地测试了一下, 确实无法执行先是没有定义json是什么, 分析代码理解楼主想要通过一个对象来进行链式动画操作, 但是你将for循环写在动画框架里, 是要将所有的动画是一时间执行么? 如果是这样的话, 执行的结果就是任意动画执行完成后, 定时器就会停止所以从思路上来说, 你要修改的地方不是动画框架内部, 而是执行框架的方式

已采纳回答 / is小梅花
 class不是惟一的,所以getElementsByClassName得到的是一个类似数组的对象,不是div。在你原来的代码基础上可以这样 var container = document.getElementsByClassName('container')[0];个人觉得还是用id来获取比较好吧

已采纳回答 / 笨萌萌
三个值,用加号连接起来1、alpha(opacity2、alpha3、)连一起alpha(opacity alpha)由于alpha是之前自定义的,所以分开写,这样该变量才可以改变

已采纳回答 / weibo_猪猪猪惠婷_0
<...code...>不知道你运行代码的时候发现没有,你的文字在图片上方。之所以有这个问题,是因为你没有给&到了ta&=20设置padding。而&声明变i&lag它是相对&mooa&cod绝对定位的,它的top=20px,对后面的&moop&cod...

已采纳回答 / 你好西蒙
getStyle里面的if(obj,currentStyle),应该是用点号if(obj.currentStyle)

已采纳回答 / 慕姐4093395
参照你的代码看看,也许对你有帮助<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">*{padding:0;margin:0;}ul,li{list-style:none;}ul li{width:200px;height: 100px;background: yellow;margin...

已采纳回答 / Valarmorghuils
其实是:alpha=alpha + speed           alpha+=speed是简写

最新回答 / 阳灵鸟
那OK,我已经关注你了噢!有问题可以随时跟我联系!

已采纳回答 / 五谷是花生红枣眼泪和小米
错在这一行      icur=Math.round(parseFloat(getStyle(obj,attr)))*100;应该改为         icur=Math.round   (   (parseFloat(getStyle(obj,attr)))*100   );也就是说先乘100,再进行四舍五入。  按照你原先的代码这个值一直为0,因为取出来是小数,四舍五入之后必然是0。

已采纳回答 / 慕粉3801737
jQuery是一种将JavaScript封装好的框架,常用的函数(像之前写的startMove函数)都封装在里面,但是用之前要有框架源文件引入,就和独立的JavaScript文件引用一样,前提是有jQuery源文件的路径,路径有3种选择:1、下载源文件放本地,从本地路径引用;2、从网上引用,google CDN,代码为:<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></scrip...

已采纳回答 / 打开新的标签页_1
Idv1.style.opacity=chopacity+speed;在此处是一个字符串,需要将其转换为float型。Idv1.style.opacity=parseFloat(chopacity)+parseFloat(speed);
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消