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

JS动画效果

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

最新回答 / 莫892897612
oDiv.onmouseover = function(){startMove(10,100);oDiv.onmouseout = function(){        startMove(-10,30);}}这里错了  没{}对。应该是oDiv.onmouseover = function(){startMove(10,100);}oDiv.onmouseout = function(){        startMove(-10,30);}
想找淘宝高清图标的 可以去阿里巴巴矢量图标库
鼠标事件onmouseover在进入元素或者进入子元素时都会冒泡触发,所以这也是为什么我们把鼠标移入移除时都会触发动画,改成onmouseenter事件更好,不会重复触发

最新回答 / 一叶秋才
是因为改变top值 做事件,视觉上让你感觉转了一圈,其实没有,跟鼠标那个没什么关系
有点乱讲的。

最新回答 / doits
<!DOCTYPE html><html><head>    <meta charset="UTF-8">    <title>Title</title>    <style type="text/css"> *{padding:0;margin:0;}        ul,li{list-style:none;}        ul li{            width:200px; height:100px; li...

已采纳回答 / 一叶秋才
 对的,在调用startMove方法的第二遍的时候this 指代的不是当前这个li标签了 稍微改一下就行 用一个指针存一下:window.onload = function() { var aLi = document.getElementsByTagName('li'); var _this; for(var i = 0; i < aLi.length; i++) { aLi[i].timer = null; aLi[i].onmouseover = function() ...

最赞回答 / Sapce
因为没有提供代码,我猜,你的 css 属性里面设置的 opacity 的初始值是 100, 然后在  js 里设置初始值为 30,所以。一开始看到的是 100, 鼠标移上去执行 30 值,然后再变回 100,就成了闪现的效果了。

最新回答 / qq_Rainy小迪_0
目标值就是方块即将出现的宽度,是变化的,不是定值,你假设多少就是多少;假设:当前位置是200,目标位置是0,这时,想要达到目标位置,speed就是负的         当前位置是100,目标位置是50,这时,想要达到目标位置,speed就是负的        当前位置是0,目标位置是200,这时,想要达到目标位置,speed就是正的总结,这里的目标值是任意值。(不知道我是否表达清楚)

最新回答 / 莫子涵22
你的html结构写错了<div id="s">广<br>告</div><div id="ss"></div>改成<div id="s"><span id='ss'>广告</span></div>
课程须知
1.您至少已经具备JavaSript的知识。2.您已经具备一些开发经验。
老师告诉你能学到什么?
1.使用定时器实现简单动画。2.如何一步步封装库。2.培养编程的思想。

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消