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

JS动画效果

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

最新回答 / yabao
sublime里可以直接下载

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

最新回答 / weibo_一万群什麼_0
老师没过多考虑兼容性问题,只是介绍了实现原理.用jquery去实现这些功能应该就可以能在兼容模式下动起来,因为jquery就有考虑浏览器兼容.

最新回答 / 代小代
得用js取到屏幕的clientHeight,然后取到元素的offsetHeight,位置为top=(clientWidth-offsetHeight)/2 表示居中位置,t表示全局变量,就一个定时器在工作吧

最赞回答 / 慕斯卡7711550
window.onload等到页面内包括图片的所有元素加载完毕后才执行等号左边的意思是 oDiv这个对象的style样式(css样式)下的left这个属性并且 style.left 返回的是字符串 而offsetLeft返回的是一个数值  这也就是为什么要在后边加一个单位+'px';不过问第二个问题,我觉得你是个有想法的人

已采纳回答 / 啊啊啊啊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

最赞回答 / 大块吃肉188
我看到别人的解释是,timer和alpha是属性,属性是不用定义的,在var oDiv=document.getElementsByTagName('div')中已经定义对象了,直接拿来用,oDiv[i].timer和oDiv[i].alpha。我是比较好奇自定义属性竟然不用先setAttribute

最新回答 / 磅礴
font-size用于css中设置字体尺寸;fontSize用于DOM中设置或返回文本的字体尺寸

最新回答 / 磅礴
这完全是螺丝跟螺母不吻合造成的,要么你那速度改成200可以整除的数,要么就把目标位置改成速度的倍数。

最新回答 / weibo_一万群什麼_0
刚提问完就知道为什么了.......因为span的位置是以div1为参考标准的(absolute以据其最近的已定位祖先元素为偏移参照基准).div宽度为200px,left:200px刚刚好实在div1的右边.

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

微信扫码,参与3人拼团

微信客服

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

帮助反馈 APP下载

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

公众号

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

友情提示:

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消