漂浮广告代码--Js演示实例

分享一个js漂浮广告代码,Js演示版。

漂浮广告专用的代码,复制到网页中即可使用,具体参考如下的例子。

<html>

<head>

<title>漂浮广告代码</title>

</head>

<body>

<div id="img" style="position:absolute;z-index=99;">

<img src="/jscss/demoimg/logo_demo1.gif" onClick="pause_resume();" border="0" alt='img' width=100 height="100">

</div>



<SCRIPT LANGUAGE="JavaScript">

<!-- Begin

var xPos = document.body.offsetWidth;

var yPos = document.body.clientHeight/2;



var step = 1;

var delay = 50; 

var height = 0;

var Hoffset = 0;

var Woffset = 0;

var yon = 0;

var xon = 0;

var pause = true;

var interval;

img.style.top = yPos;

alert(xPos) 

function changePos() {

width = document.body.clientWidth;

height = document.body.clientHeight;

Hoffset = img.offsetHeight;

Woffset = img.offsetWidth;

img.style.left = xPos + document.body.scrollLeft;

img.style.top = yPos + document.body.scrollTop;

if (yon) {

yPos = yPos + step;

}else {

yPos = yPos - step;

}

if (yPos < 0) {

yon = 1;

yPos = 0;

}

if (yPos >= (height - Hoffset)) {

yon = 0;

yPos = (height - Hoffset);

}

if (xon) {

xPos = xPos + step;

}else {

xPos = xPos - step;

}

if (xPos < 0) {

xon = 1;

xPos = 0;

}

if (xPos >= (width - Woffset)) {

xon = 0;

xPos = (width - Woffset);

}

}



function start() {

img.visibility = "visible";

interval = setInterval('changePos()', delay);

}

function pause_resume() {

if(pause) {

clearInterval(interval);

pause = false;

}else {

interval = setInterval('changePos()',delay);

pause = true;

}

}

start();

// End -->

</script>

</body>

</html>

你可能感兴趣的:(js)