宁波定位拓展训练_宁波拓展培训_宁波拓展训练_宁波野外拓展_宁波户外拓展

网站简介

宁波定位拓展训练、宁波拓展培训、宁波拓展训练、宁波野外拓展和宁波户外拓展是一个专注于提供团队拓展培训服务的网站。该网站致力于帮助客户提高团队凝聚力、沟通能力和解决问题的能力,从而达到提升企业整体竞争力的目的。

HTML代码

<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>宁波定位拓展训练</title>
<style>
.a1:link { color: #333333; text-decoration: none; }
.a1:visited { color: #333333; text-decoration: none; }
.a1:hover { color: #FF3300; text-decoration: none; }
</style>
</head>
<body>
<div id="float_ad"></div>
<script>
var x = 50, y = 60;
var xin = true, yin = true;
var step = 1;
var delay = 10;
var obj = document.getElementById("float_ad");

function floating_ad() {
var L = T = 0;
var R = document.body.clientWidth - obj.offsetWidth;
var B = document.body.clientHeight - obj.offsetHeight;
obj.style.left = x + "px";
obj.style.top = y + "px";
obj.style.right = R + "px";
obj.style.bottom = B + "px";
x += step;
y += step;
if ((R < x) || (B < y)) {
if (xin && x > R) xin = false; else if (!xin && x <= R) xin = true;
if (yin && y > B) yin = false; else if (!yin && y <= B) yin = true;
setTimeout("floating_ad()", delay);
} else return false;
}

floating_ad();
</script>
</body>
</html>

JavaScript代码解释

这段JavaScript代码定义了一个名为floating_ad的函数,用于实现广告图片的漂浮效果。首先获取页面中广告元素的位置信息,然后通过改变广告元素的lefttop属性来调整其位置。接着使用setTimeout函数设置一个定时器,每隔一段时间(delay)就调用一次floating_ad函数,使广告图片的位置继续改变。当广告图片移动到页面边界之外时,停止漂浮效果。