网站介绍
这是一个基于JavaScript的网页漂浮广告实现。通过获取页面上特定元素的内容,判断是否为0,如果为0则隐藏广告。同时,使用CSS样式控制广告的位置和动画效果。
主要功能
- 获取页面上特定元素的内容,判断是否为0,如果为0则隐藏广告。
- 使用CSS样式控制广告的位置和动画效果。
- 通过设置变量和函数实现漂浮广告的动态效果。
实现代码
// 获取页面上特定元素的内容
var aa = $("#desC").html();
if (aa == 0) {
// 隐藏广告
$("#ad").hide();
}
// 设置初始位置和方向
var x = 50, y = 60;
var xin = true, yin = true;
var step = 1;
var delay = 30;
var obj = document.getElementById("ad");
// 定义漂浮广告函数
function floatAD() {
var L = T = 0;
var R = document.body.clientWidth - obj.offsetWidth;
var B = document.body.clientHeight - obj.offsetHeight;
obj.style.left = x + document.body.scrollLeft;
obj.style.top = y + document.body.scrollTop;
x = x + step * (xin ? 1 : -1);
if (x < L) {
xin = true;
x = L;
}
if (x > R) {
xin = false;
x = R;
}
y = y + step * (yin ? 1 : -1);
}