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

JS动画效果

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

已采纳回答 / web宁儿
是的,如果没有指定flag=true时的函数,定时器不会停止!要注意flag定义的位置,才能更好的出现函数效果。

已采纳回答 / 慕粉1464182144
浮动溢出了 试试clear:both;

已采纳回答 / 慕粉3212614
他们处于2个不同的function,应该不是全局变量啊。只是第一个函数里的oDiv引出了第二个函数,而这两函数里的变量无直接关系。如果想要有关系需要给第二个被引用函数加参数来建立关系。我认为全局变量应该不在函数里声明(语法嵌套关系里面的变量关系另论)

已采纳回答 / qq_小东瓜_0
oDiv.style.opacity = Math.round(parseFloat(opcity1/100))

已采纳回答 / Arthraxon
首先,fn执行的条件是上一个timer结束。flag的作用是判断所有timer是否都完成。timer的每一次循环都需要判断flag的真假,再判断是否执行fn。如果flag放timer外面,就不会去每次判断flag真假也不会执行fn。

已采纳回答 / 啊啊啊啊123
<...图片...>可以啊 ,我用的就是你的代码。不知道什么问题 *{margin: 0;padding: 0;}试试 

已采纳回答 / 邦龙
需要把var speed = (iTarget-obox.offsetLeft)/20;speed = speed > 0?Math.ceil(speed):Math.floor(speed);放进定时器里面,这样speed 的值才能变化,speed = speed > 0?Math.ceil(speed):Math.floor(speed);取整==iTarget让定时器停止

已采纳回答 / 冰茶沫沫
如果你是用Sublime编辑器的话按照下面步骤装就好,记得装Node.js哦:http://www.wiibil.com/website/sublimelinter-jshint-csslint.htmlhttp://www.cnblogs.com/lhb25/archive/2013/05/02/sublimelinter-for-js-css-coding.html

已采纳回答 / lhb3604072
挺多错误的, 最致命的错误是把所有的定义函数放在widow.onload下了,其次定时器也错了 <!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style type="text/css">body {margin:0;}#divs {    width:200px;    height:200px;    background:re...

已采纳回答 / weibo_一万群什麼_0
<...code...>这一句的offsetLeft被你写成了OffsetLeft.o应该是小写的.还有运行之后会发现div在鼠标移开后收进去到一半会被卡住,因为你的its应该是-200而不是-100.

已采纳回答 / 我一定不是吃货
你的for循环少了大括号,还有onmouseoover和onmouseout写错了。骚年要仔细啊。

已采纳回答 / 右下角_
抱歉啊,前面的回答,并没有解决你的问题,又看了下代码,发现问题就在 你把速度固定了,也就是当 width达到目标值400的时候,而height此时400 并没有达到目标值,定时器不会停止,下一次 而width的值就变成了410,大于了width的目标值400,而当 height达到目标值时,width的值也在逐渐增大,早就超出了目标值的400,这样就永远不会停止了,也就是说除非 width同时达到目标值,例如lis_over(oli,10,0,{width:400,height:400});否则都不会停止...

已采纳回答 / 右下角_
width的第一次 onmouseover触发参数为 wd=260,itg=500,lg=0,满足 else if(wd<itg&&lg==0) 这个条件,自然就被你clear掉了
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消