-
慕丝7111264
- 我什么我打开直接就收回去了，是代码有问题吗？？？？求大佬看下
box1.onmouseover = function () {
startMove();
}
你单词拼错了
- 2020-04-03 1回答·1025浏览
-
慕粉shi123
- 为什么interval函数里面
加入if-else判断主要是为了判断何时结束定时器的运行，如果没有结束定时器的运行，那么动画会一直运动下去，要变的属性会一直变下去不会停止，肯定不行的，所以加个判断何时停止，然后手动停止定时器，那么动画也就停止了。
- 2020-03-28 1回答·750浏览
-
qq_慕尼黑1244277
- 活动元素！
先设置一个class再去控制这个class，哈哈
- 2020-03-13 1回答·714浏览
-
龙缘
- 为什么timer不能再onload事件里声明呢
onload事件是页面加载就执行. 如果你在onload里面声明 启动就会执行一次，而不是鼠标进入执行。
- 2019-11-06 1回答·808浏览
-
qq_精慕门6106023
- left值变为0也停不了，请大佬帮忙
因为你的样式里面没有设置外间距，所以判断的结果不可能等于0，
你要么把判断条件改成>=0;
要么在头部样式(style)里面添加
*{
margin:0;
padding:0;
}
- 2019-07-26 2回答·995浏览
-
qq_慕移动0355785
- 鼠标移入和移出没有变化
function startMove(iTarget)函数里你只有一个参数，但是调用的时候你传了两个 startMove(10,0);
改成只传目标值就可以了；
oDiv.onmousemove=function(){ startMove(0); } oDiv.onmouseout=function(){ startMove(-200); }- 2019-07-17 1回答·996浏览
-
_漫漫前端路
- 没事了
。。。。。。
- 2019-06-19 1回答·704浏览
-
qq_卐_lrEHRY
- 分享没有出现，也没有动画效果是为什么？
style里面 少设置一个div
- 2019-06-14 2回答·902浏览
-
qq_卐_lrEHRY
- 为什么鼠标移到分享位置没有动画
是window.onload哦
- 2019-06-14 1回答·806浏览
-
weixin_慕函数8323362
- 为啥鼠标移到分享他没有动画
var oDiv=document.getElementById("div1");这是正确的 你的代码get写成grt了，取不到div，没法绑定事件。仔细检查自己的代码，多用开发者工具查看报错情况就可以避免这种不应该出现的错误。
- 2019-05-08 1回答·968浏览
-
秋色i
- 速度显示正确 但是没有出现动画效果 如图
= =抱歉 最后宽度首字母大写了 这问题怎么删除..
- 2019-04-01 1回答·935浏览
-
太阳会发光呀
- 求助，为什鼠标必须在蓝色部分才向前运动啊？？？鼠标移入不应该是一次触发，应该到鼠标移动前都执行这个动作么？？？代码和老师一样，为什么我不能像老师一样运动啊？？？
你的鼠标移入移出事件是绑定在蓝色部分的，而蓝色部分是包含在div里的；你换成绑定在big上 就好了
- 2019-03-01 1回答·971浏览
-
NoError2018
- 我用jquery写的，但是划线部分一直进不来，显示的一直是初始值-200px,导致清不了定时器
var timer=null; function startMove() { clearInterval(timer); timer = setInterval(function () { if ($("#div1").offset().left == 0) { clearInterval(timer); } else { $("#div1").css("left", $("#div1").offset().left + 10) } }, 30) } 你的if条件判断应该在定时器内部判断- 2019-02-12 1回答·1045浏览
-
慕粉2349317883
- 大家帮我看下为什么鼠标移出没反应（不会缩回去），谢谢
你这个是大写，我的出毛病是……startMove 写成 strtMove……哎
- 2019-01-13 3回答·1245浏览
-
根本停不下的龙
- 为什么浏览器报这个错
没传参数
- 2018-12-21 1回答·1083浏览
-
winter668
- 为什么要把清除定时器放在else中？？？
代码呢
- 2018-11-24 1回答·1050浏览
-
qq_MMMMMMMMM
- js用什么编辑器
有好多的编辑器都可以如dw。但大部分都是收费的，你可以试试这个HBuilderX.1.0.1.20181012免费的，而且很小
- 2018-11-17 1回答·1748浏览
-
慕容8453090
- Timer =setinterval(function (）｛})
定时器，timer=setInterval(function(){
//里面执行的操作
},30);//30表示：每隔30毫秒，就执行一次function里面的操作
- 2018-11-10 1回答·3047浏览
-
慕码云
- 移动进来出去速度相同的问题？
==是为了精准控制，如果你用>=去控制停止，可能停的位置跟你想要看到的有所偏差。
- 2018-08-29 1回答·1083浏览
-
慕沐6411389
- 急求老是出现这样的问题
你要别人猜么
- 2018-08-24 2回答·1099浏览
-
哈尔波儿
- 就是运行不出来，求解
- 已采纳 慕先生5247145 的回答
第58行代码错了
不是da.style.width=da.offsetLeft+speed+"px";
时 da.style.left=da.offsetLeft+speed+"px";
- 2018-08-08 1回答·1362浏览
-
夜阑卧听风吹雨y
- iTarget是目标值，那在这里是多少?
目标值就是方块即将出现的宽度，是变化的，不是定值，你假设多少就是多少；
假设：当前位置是200，目标位置是0，这时，想要达到目标位置，speed就是负的
当前位置是100，目标位置是50，这时，想要达到目标位置，speed就是负的
当前位置是0，目标位置是200，这时，想要达到目标位置，speed就是正的总结，这里的目标值是任意值。（不知道我是否表达清楚）
- 2018-06-21 1回答·1479浏览
-
夜阑卧听风吹雨y
- 按照老师的写的，网页什么都没有
- 2018-06-21 5回答·1197浏览
-
qq_聆厛_1
- 大佬们，看看问题在哪，一点反应都没有
你的html结构写错了
<div id="s">广<br>告</div>
<div id="ss"></div>
改成<div id="s"><span id='ss'>广告</span></div>
- 2018-06-14 1回答·916浏览
-
任啊
- 我照抄了一遍第一次运行的代码，但无论哪个浏览器都无法实现功能
getElementById I要大写
- 2018-06-12 4回答·1244浏览
-
精慕门4072777
- 为什么没效果，求解答
已解决
- 2018-06-08 1回答·1095浏览
-
qq_梦狐_0
- 老师，你是不是那个地方没有说清楚啊？
把你的代码贴出来啊
- 2018-06-03 1回答·1111浏览
-
麦片家电饼
- 为什么把 var timer=null放进startmove（）里就不起作用，多次触碰还是会变快
- 已采纳 慕数据9255373 的回答
当你多次触碰时,上一次的定时器timer被
var timer=null;
重新赋值了（即timer这个定时器的对象找不到了），导致clearInterval(timer),起不了作用。
应该将var timer=null;写在函数的外面
- 2018-04-26 1回答·1394浏览
-
安尼璐
- 就是在Startmove的方法里写的第一个关闭计时器有什么用
- 已采纳 点潇洒3575453 的回答
每次鼠标移入移出时先关闭定时器,然后再根据下面的条件决定是否重新开启一个定时器.
- 2018-03-29 1回答·1135浏览
-
慕粉3755843
- *{margin:0;padding:0;} 为什么不写这个，就停不下来了？
跟css中的{margin:0;padding:0;} 没有关系，你的代码中，判断offsetLeft 的条件改为: if(odiv.offsetLeft>=0) 它就停下来了 ，因为在不断移动的过程中，不一定有0这个值
还有一个问题，进入startMove()时， 需要先清除一下定时器，目的是保证同时只有一个定时器在运行，你的代码还给你，就改了两个地方：
<!DOCTYPE html>
<html>
<head>
<title>动画</title>
<style type="text/css">
#box{
width: 200px;
height: 100px;
background-color: black;
position: relative;
left:-200px;
}
#share{
width: 30px;
height: 50px;
background-color: blue;
position: absolute;
left:200px;
}
</style>
</head>
<body>
<div id="box"><span id="share"></span></div>
<script type="text/javascript">
window.onload = function() {
var odiv = document.getElementById('box');
odiv.onmouseover = function() {
startMove();
}
var timer = null;
function startMove() {
clearInterval(timer); // debug 1
timer = setInterval(function() {
console.log(odiv.offsetLeft)
if (odiv.offsetLeft >= 0) { // debug 2
clearInterval(timer);
} else {
odiv.style.left = odiv.offsetLeft + 10 + 'px';
}
},
300)
}
}
</script>
</body>
</html>
- 2018-03-23 1回答·1479浏览
