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

JS动画效果

vivian Web前端工程师
难度初级
时长 2小时 8分
学习人数
综合评分9.60
537人评价 查看评价
9.8 内容实用
9.6 简洁易懂
9.4 逻辑清晰
直接一个hover加上CSS3就可以解决了的事情

已采纳回答 / stone310
1、window.onload写错2、setInterval写错
关于js做动画的问题,在别的地方争论一下还有点意义,在这种学习js的地方争论这么实在是有毛病。走到这一步的人有哪个不知道css实现动画更好,可这是js的教程,用js做动画对学习js的同学加深对js的理解和熟练度很有帮助,有毛病吗?做事儿时候考虑效率是应该的,但学习的时候总考虑可以用另一种更简单的方法实现,而忽略要学的东西,不是本末倒置吗?要是那么想,还学js干嘛?直接jq不就得了?还学css干嘛?直接bootstrap不得了?还学什么html5?直接mui得了?按这思路学下去,最后你能学成个什么?
@lizhooh你是sha bi吗?

最赞回答 / 骑着蜗牛去岛内
因为onmouseover是从30到100,而onmouseout是从100到30.这两个事件都调用同一个函数changeOpacity。因为一开始我们肯定是先进行onmouseover事件的,所以var alpha=30;只是为了方便第一次初始化,应该是全局变量。如果把它放到里面就变成了局部变量,这样的话就会每次调用函数changeOpacity时都会进行var alpha=30;操作导致alpha的值一直为30,而你的函数内有这样一个判断if(alpha==target){clearInterval(...
我觉得老师讲得很好,深入浅出,循循善秀。
我的颜色不能变成1,有没有解答一下

最新回答 / BIN_GOD
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>JS动画</title>    <style>        body,ul,li{            margin: 0;            padding: 0;        }        ul,li{            list-style: none;...
http://www.iconfont.cn/plus/collections/detail?cid=2320 图标库 自己找喜欢的下载练习

已采纳回答 / 慕虎8944357
源码:http://pan.baidu.com/s/1ge1fVAr再附送jQuery中文文档:http://www.jquery123.com/

已采纳回答 / 慕粉4375880
function manyDivMove(obj,json,fn) { clearInterval(obj.timee); obj.timee = setInterval(function () { var flag = true;//看这里 1 for(var attr in json){ var ico = 0; if (attr=='opacity') { ico = parseFloat(getStyle(obj,attr))*100; }else{ ...
我觉得现在css3确实很强大,确实能实现很多牛逼效果,有什么好争的
老师讲课要有逻辑思维啊,跨越性好大啊
其实问题很简单 不知楼下众位说得辣么复杂干嘛子 也就是老师写的flag变量相对于定时器的回调函数是全局变量,而回调函数会把全局变量flag赋值成false,辣么纵观整个作用域没有一个是把flag赋值成true的,也就是不可能会执行到清除timer和执行链式的最后一个参数fn,所以,得把flag设为true放在定时器回调里成为局部变量,把检测停止函数放在for in外接着后面,而回调里会把flag设为false,每次回调执行完就会把flag销毁,这样flag就不会一直是false从而进不了清除timer和执行fn的函数
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消