页面两侧对联广告(允许关闭)代码效果

最新推荐文章于 2022-11-16 18:31:21 发布

boy7420

最新推荐文章于 2022-11-16 18:31:21 发布

阅读量1.8k

点赞数

分类专栏： Script 文章标签： function string border javascript div

本文链接：https://blog.csdn.net/boy7420/article/details/375759

版权

本文介绍了如何创建一种在1024*768分辨率下正常显示，800*600分辨率下自动隐藏的对联浮动广告。广告图片下方设有关闭按钮，允许用户点击关闭广告。代码中涉及JavaScript函数和DOM操作，适用于网页广告的实现。

摘要由CSDN通过智能技术生成

　　现在很多网站广告做的如火如荼，现在我就来介绍一下常见的对联浮动广告效果的代码使用方法，本文介绍的这种效果，在1024*768分辨率下正常显示，在800*600的分辨率下可以自动隐藏，以免遮住页面影响访问者浏览内容，而且与前面两个代码不同的是，广告图下方增加了一个图片按纽，允许访客点击关闭广告图片，下面文本框中就是实现效果所需代码：

var delta=0.015;
var collection;
var closeB=false;
function floaters() {
　this.items = [];
　this.addItem = function(id,x,y,content)
　　　{
　　 document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;　width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+content+'</DIV>');
　　
　　 var newItem　　= {};
　　 newItem.object　 = document.getElementById(id);
　　 newItem.x　　= x;
　　 newItem.y　　= y;

　　 this.items[this.items.length]　= newItem