js鼠标移入移出后元素会出现一直闪动,怎么回事?

JavaScript09

js鼠标移入移出后元素会出现一直闪动,怎么回事?,第1张

//移入function starMove(){var doc = documentvar oBox = doc.getElementById("box")var timer = nullclearInterval(timer)timer = setInterval(function(){var speed = 10if(oBox.offsetLeft >= 0){clearInterval(timer)}else{oBox.style.left = oBox.offsetLeft + speed + 'px'}}, 30)}//移出function starMove2(){var doc = documentvar oBox = doc.getElementById("box")var timer = nullclearInterval(timer)timer = setInterval(function(){var speed = 10if(oBox.offsetLeft == -150){clearInterval(timer)}else{oBox.style.left = oBox.offsetLeft - speed + 'px'}}, 30)}这俩个方法里的time的定义位置问题,,,,你把time变成全局变量就没问题了每次执行的时候都是新的time变量,,,所以停止不了前面的定时器。

把最后的img用div包起来

<div onMouseOver="ShowImage()" onMouseOut="ShowImage()">

<img src="images/index_r3_c9.jpg" width="115" height="115" border="0" >

</div>

因为<input type="submit"是提交按钮,onclick执行完了以后会提交表单,所以就是看起来好像一闪而过,其实是页面刷新了,这个在传智播客的.net视频教程讲dom那部分反复强调的,你下载看一下,把<input type="submit"改成<input type="button"也就是变成普通按钮就行了。 当然这样就没法提交表单了,在校验通过以后调用document.getElementById("medipss").submit()提交表单。