JS漂浮广告问题,鼠标移动到广告的位置会停下。但是就第一次这样做是可以的,第二次第三次都是不会停。。

JavaScript019

JS漂浮广告问题,鼠标移动到广告的位置会停下。但是就第一次这样做是可以的,第二次第三次都是不会停。。,第1张

那是因为changepos函数里面没有interval这个指针

所以应该改成onmouseout=function(){start()}

就ok了

大过年的,你还这么专心啊 ?

img.style.left= xPos+'px'img.style.top = yPos+'px'img.style.left = xPos + document.body.scrollLeft+'px'img.style.top = yPos + document.body.scrollTop+'px'這样子就可以了,测试的时候把div加颜色,会更好排错,如果出问题记得在ie浏览器和非ie浏览器下执行,因为他们js的标准有点不同,记得给分。

复制粘贴我的代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<style>

*{margin:0}

body{

height:1000px

width:1000px

}

#a{

width:300px

height:100px

background:red

}

</style>

<script>

var isie6 = window.XMLHttpRequest?false:true

window.onload = function(){

var a = document.getElementById('a')

var d = document.getElementById('d')

if(isie6){

a.style.position = 'absolute'

window.onscroll = function(){

d.innerHTML = ''

}

}else{

a.style.position = 'fixed'

}

a.style.left= '0'

a.style.bottom = '0'

}

</script>

</head>

<body>

<div id ="d" style="display:none">rgrrrrrrrr</div>

<div id='a'>test</div>

</body>

</html>

若是效果不是你想要的,我还可以给你写,到你满意为止。