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

JS动画效果

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

最新回答 / rainy_li3676598
startMove其实, 只是在onmouseover的时候被调用一次, 只是在它的内部有一个 setInterval(function(){....},30)在这里是每隔30秒执行一次里面的function 函数, 直到碰到if(oDiv.offsetLeft==0){           clearInterval(timer);       }的时候,关闭定时器, 这时这个函数才算全部执行完成。
果然 不设置 *{margin: 0;padding: 0;} 会被坑的
Web前端攻城师 典型黑框眼镜萌妹纸 古典美女 风趣幽默 运动爱好者 老师好强!!!我想给你生猴子。

已采纳回答 / 艾狄生
让每一个定时器重置为null,去除相互的影响 ,
单个功能可以放到一起就实现不了
其实没必要计算边框和内外边距对盒子宽高的影响,直接在css处设置盒子的box-sizing;border-box即可(记得浏览器兼容设置)
CSS代码,不谢
body,div{
margin: 0;
padding: 0;
}

#div1{
width: 200px;
height: 200px;
background: red;
filter: alpha(opacity:30);
opacity:0.3;
}
样式代码,我是雷锋。

<style type="text/css">
body,div,span{
margin: 0;
padding: 0;
}
#div1{
width: 200px;
height: 200px;
background: red;
position: relative;
left: -200px;
top: 0;
}
#div1 span {
width: 20px;
height: 50px;
background: blue;
position: absolute;
left: 200px;
top: 75px;
}
</style>

已采纳回答 / 向死而生3491500
链式运动代码    1.Html代码<!DOCTYPE html><html>    <head>        <meta charset="UTF-8">        <title></title>        <style>            *{                margin: 0;                padding: 0;                            }...
透明度是在z轴上的运动...

已采纳回答 / QQ_hu
1.45行的else拼写错了2.第20行的ali应该是一个数组,应该写ali[0],或者通过for循环遍历。
没有听过一句话么?能用CSS去实现的动画,就不要用JS去实现,直接css加个动画,js一个添加移除得了,有必要写的那么麻烦吗?作为一个教学者,就不知道JS比CSS要耗费多少倍的性能吗?实战都不知道有多少会断片的

最新回答 / 向死而生3491500
document.getElementsByClassName("name");获取class值, 获取class是一个数组,可以用for循环实现这个效果...
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消