写一个js漂浮广告代码
时间: 2024-05-04 19:22:40 浏览: 93
以下是一个简单的JS漂浮广告代码:
```javascript
// 设置广告图片路径和链接地址
var adImgSrc = "广告图片路径";
var adLinkUrl = "广告链接地址";
// 创建广告图片元素
var adImg = document.createElement("img");
adImg.src = adImgSrc;
adImg.style.position = "fixed";
adImg.style.bottom = "10px";
adImg.style.right = "10px";
adImg.style.width = "200px";
adImg.style.height = "200px";
adImg.style.cursor = "pointer";
adImg.onclick = function() {
window.open(adLinkUrl);
};
// 将广告图片添加到页面中
document.body.appendChild(adImg);
// 广告图片漂浮效果
var speedX = 5;
var speedY = 5;
function moveAd() {
var x = parseInt(adImg.style.right);
var y = parseInt(adImg.style.bottom);
if (x <= 0 || x >= (window.innerWidth - adImg.offsetWidth)) {
speedX = -speedX;
}
if (y <= 0 || y >= (window.innerHeight - adImg.offsetHeight)) {
speedY = -speedY;
}
x += speedX;
y += speedY;
adImg.style.right = x + "px";
adImg.style.bottom = y + "px";
}
setInterval(moveAd, 50);
```
将其中的广告图片路径和链接地址替换为你自己的即可。注意,此代码需要放在页面的 `body` 结束标签之前。
阅读全文