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

JS动画效果

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

已采纳回答 / 丫丫小小笑
不会啊,json代表传入的是一个json数据格式的数据,用json[attr]取数据的时候,会直接取值。startMove(li1,{width:400,height:200,opacity:100},function(){            alert("hele");          });比如你传入的json数据是这样的{width:400,height:200,opacity:100},那么json[attr]就会取到width和height的值。

已采纳回答 / aladdinx
你好,其实只是一些小问题,<script type="text/avascript">是javascript,这个应该影响不大,aLi.time=null;aLi[i].timer=null;//应该是点的哪一个function startMove(obj,terget){ clearInterval(obj.timer); obj.timer=setInterval(function(){ var speed=(terget-obj.offsetWidth)/8; speed=s...

已采纳回答 / YangZiHong
div标签没写好,span应该在里面,css样式定义好,注意var speed = (iTarget-oTotal.offsetLeft)/15;需要整除,因为后面if(oTotal.offsetLeft == iTarget)必须满足条件才会清除定时器,动画才会停下

已采纳回答 / 呆4
整体没问题,但里面的小错误太多了,这是给你修改后的代码,自己去对照找一下错误吧。<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Document</title>    <style>    *{     margin: 0px;     padding: 0px;    }    #div1{     width: 200px;     hei...

已采纳回答 / qq_安逸_4
会显示,只是没有背景时看不出来

已采纳回答 / 呆4
你没有清除样式,也就是加上这段*{margin:0;padding:0;}。导致你div的left并不等于200这个整数,导致你后面odiv.style.left = odiv.offsetLeft+10+'px';时,至直接跳过了odiv.offsetLeft == 100这个数,从而使得你的程序停不下来,你可以先把if(odiv.offsetLeft == 100){       clearInterval(timer);  }修改为if(odiv.offsetLeft <= 100){    ...

已采纳回答 / Joeh
hide.offsetLeft<0,hide.offsetLeft>-500

已采纳回答 / lawrence_lai
使用setInterval 会返回一个数值来标记这个setInterval而且不是人为规定的数值,用timer来标记这个数值。用clearInterval来清除这个setInterval 不然setInterval会不断以一个间隔来重复触发里面的function,例如不断赋给一个变量一个相同的值。消耗内存。最简单的方面不清除定时器的叠加会让setInterval不断叠加,比如speed是每秒钟1PX移动,你重复触发5次就变成了每秒钟5PX移动,而且无法停止。至于函数为什么没有参数,你可以在回去复习一下JS...

已采纳回答 / 北极熊的梦想
第4行,oDiv.onmouseover = startMove();因为你加了括号,在这里调用了startMove函数

已采纳回答 / slowACtion
<script>上面有一个多余的<style>
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消