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

JavaScript033

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

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

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

就ok了

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

将动态页面的

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "...xhtml1-transitional.dtd">

这句话删除就可以了

就上<html上方的代码

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<script src="http://code.jquery.com/jquery-latest.js"></script>

<style>

*{margin: 0padding: 0}

img{position: relativeleft: 0top: 100px}

.div1{width: 100pxheight: 100pxbackground: greenposition: absoluteleft: 0top: 0z-index: 999}

</style>

</head>

<body style="height:2000px">

<div class="div1">left</div>

<script>

var x=0

var y=0

var i=1

var j=1

var xWidth=$(window).width()-100

var yHeight=$(window).height()-100

setInterval(function(){

if(x==xWidth){

i=-1

}

if(x<0){

i=1

}

x=i+x

if(y==yHeight){

j=-1

}

if(y<0){

j=1

}

y=j+y

$(".div1").css({"left":x,"top":y})

}, 5)

</script>

</body>

</html>