javascript页面浮动

最新推荐文章于 2022-08-24 21:41:38 发布

学生症

最新推荐文章于 2022-08-24 21:41:38 发布

阅读量651

点赞数

分类专栏： javascript 文章标签： javascript float function delay border

本文链接：https://blog.csdn.net/lydyangliu/article/details/7518934

版权

javascript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

<div style="z-index: 99; position: absolute; left: 439px; top: -210px; " id="float_AD" οnmοuseοver="stop();" οnmοuseοut="start();"><img border="0" src="./images/20120426-51.jpg"><img src="./images/gif-x.gif" οnclick="hide();" style="CURSOR:hand;"></div>
<script>
var xPos = 80;
var yPos = 60;
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;
function hide(){
var div=document.getElementById("float_AD");
div.style.display="none";
div.οnmοuseοut= function(){div.style.visibility = "hidden"; }
}
//img1.style.top = yPos;
function changePos()
{
width = document.body.clientWidth;
height = document.body.clientHeight;

var ad = document.getElementById("float_AD");
Hoffset = ad.offsetHeight;
Woffset = ad.offsetWidth;
ad.style.left = (xPos + document.body.scrollLeft)+"px";
ad.style.top = (yPos + document.body.scrollTop)+"px";

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()
{
var ad = document.getElementById("float_AD");

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

start();
function stop(){
var ad = document.getElementById("float_AD");

clearInterval(interval);
}
</script>