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

JS动画效果

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

最新回答 / mystylecat
因为这个是动画,所以需要定时器。去掉定时器,就会直接变成透明度 0.3 或者1。加上定时器,会感觉有一个渐变的过程。
赞一个 美女老师讲解的很精简 加油!~
简单易懂,非常好,希望美女老师能多多传授知识!
Math.floor(-0.5) = -1,Math.ceil(0.5) = 1,为了有一个速度值。。。看到有说jquery的。。ooDiv.stop.animate()吗。。。感觉还是自己写原生js封装比较好

最新回答 / 黛咏儿
{width:201,height:400,opacity:30}属性不用加引号

最新回答 / xue5hen
既然是学习,自然是自己写咯。怎么可以不自己动手写?!做“伸手党”是一种耻辱。
讲得很清楚,学习了。声音很好听,肯定是个美女。。呵呵

最新回答 / derrick9006
<...code...>希望是您要的答案
如果你学会了JS版本的这个实例,理所当然就会封装jQuery中的某些方法了,比如animate(),css()等等,还用看jQuery版本吗?
只能死记了, 我是真搞不懂这个parseInt什么意思
有点点麻烦。。尤其是哪个parseInt...
else {
oattr = parseInt(getStyle(obj,attr));
}
var speed = (json[attr]-oattr)/8;
speed = speed &gt;0?Math.ceil(speed):Math.floor(speed);
if (oattr != json[attr]) {
flag = false;
function startMove (obj,json,fn) {
clearInterval(obj.timer);
obj.timer = setInterval(function () {
var flag = true;
for(var attr in json){
var oattr = 0;
if (attr == &#039;opacity&#039;) {
oattr = Math.round(parseFloat(getStyle(obj,attr))*100);
}
为什么我的浏览器多出来8px
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消