网站介绍

这是一个基于JavaScript的网页漂浮广告实现。通过获取页面上特定元素的内容,判断是否为0,如果为0则隐藏广告。同时,使用CSS样式控制广告的位置和动画效果。

主要功能

  1. 获取页面上特定元素的内容,判断是否为0,如果为0则隐藏广告。
  2. 使用CSS样式控制广告的位置和动画效果。
  3. 通过设置变量和函数实现漂浮广告的动态效果。

实现代码

// 获取页面上特定元素的内容  
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);  
}