可关闭的大幅广告css特效演示页,可关闭的自由漂浮的图片广告特效代码

可关闭的自由漂浮的图片广告特效代码-图片特效-网页特效-站长新动力-msxindl.com

#img1{width:59px;height:61px;position:absolute;top:43px;left:2px;z-index:10;}

#img1 div{width:80px;text-align:right;font-size:12px;}

#img1 div a:link{text-decoration:none;}

#img1 div a:hover{color:red;text-decoration:none;}

#img1 img{width:80px;height:80px;border:1px solid black;}

p{margin-top:50px;text-align:center;}

关闭

可关闭的自由漂浮的图片广告特效

var xPos = 300;

var yPos = 200;

var step = 1;

var delay = 30;

var height = 0;

var Hoffset = 0;

var Woffset = 0;

var yon = 0;

var xon = 0;

var pause = true;

var interval;

var divid = img1; //浮动DIV的ID.

divid.style.top = yPos;

function changePos(){

width = document.body.clientWidth;

height = document.body.clientHeight;

Hoffset = divid.offsetHeight;

Woffset = divid.offsetWidth;

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

divid.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(){

divid.visibility = "visible";

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

}

function pause_resume(){

if(pause){

clearInterval(interval);

pause = false;}

else{

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

pause = true;

}

}

function closediv(){

clearInterval(interval);

divid.style.display = "none";

}

start();