首页 > 编程 > JavaScript > 正文

又一个不错的js浮动广告代码

2019-11-21 02:07:46

字体：大中小

来源：转载

供稿：网友

<script> var Rimifon = { "Ads" : new Object, "NewFloatAd" : function(imgUrl, strLink) { var ad = document.createElement("a"); ad.DirV = true; ad.DirH = true; ad.AutoMove = true; ad.Image = new Image; ad.Seed = Math.random(); ad.Timer = setInterval("Rimifon.Float(" + ad.Seed + ")", 50); this.Ads[ad.Seed] = ad; ad.Image.Parent = ad; ad.style.position = "absolute"; ad.style.left = 0; ad.style.top = 0; ad.Image.src = imgUrl; ad.Image.onmouseover = function(){this.Parent.AutoMove = false;} ad.Image.onmouseout = function(){this.Parent.AutoMove = true;} if(strLink) { ad.href = strLink; ad.Image.border = 0; ad.target = "_blank"; } ad.appendChild(ad.Image); document.body.appendChild(ad); return ad; }, "Float" : function(floatId) { var ad = this.Ads[floatId]; if(ad.AutoMove) { var curLeft = parseInt(ad.style.left); var curTop = parseInt(ad.style.top); if(ad.offsetWidth + curLeft > document.body.clientWidth + document.body.scrollLeft - 1) { curLeft = document.body.scrollLeft + document.body.clientWidth - ad.offsetWidth; ad.DirH = false; } if(ad.offsetHeight + curTop > document.body.clientHeight + document.body.scrollTop - 1) { curTop = document.body.scrollTop + document.body.clientHeight - ad.offsetHeight; ad.DirV = false; } if(curLeft < document.body.scrollLeft) { curLeft = document.body.scrollLeft; ad.DirH = true; } if(curTop < document.body.scrollTop) { curTop = document.body.scrollTop; ad.DirV = true; } ad.style.left = curLeft + (ad.DirH ? 1 : -1) + "px"; ad.style.top = curTop + (ad.DirV ? 1 : -1) + "px"; } } } </script><body><div style="width:30cm;height:40cm"></div></body><script> Rimifon.NewFloatAd("//www.VeVB.COm/images/logo.gif", "http://www.baidu.com"); var ad = Rimifon.NewFloatAd("//www.VeVB.COm/images/logo.gif"); ad.style.left = 500; ad.style.top = 456; ad.Image.width = 88; ad.Image.height = 31; </script>

[Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

更多代码下载：//www.VeVB.COm/jiaoben/list500_1.html

上一篇：用javascript实现的仿Flash广告图片轮换效果

下一篇：疯掉了,尽然有js写的操作系统

学习交流

索泰发布一款GTX 1070 Mini迷你版本:小机

索泰发布一款GTX 1070 Mini迷你版本:小机箱大爱...

热门图片

猜你喜欢的新闻

猜你喜欢的关注

新闻热点

荣耀总裁赵明乌镇演讲：荣耀首款5G手机V30下月发布

2019-10-23 09:17:05

搜狐张朝阳：回归媒体是搜狐重新崛起的关键

2019-10-21 09:20:02

华为轮值董事长郭平：虚拟技术创造现实价值

2019-10-21 09:00:12

滴滴英文服务上线两周年用户已超200万

2019-09-26 08:57:12

华为推出全球至快AI训练集群Atlas900

2019-09-25 08:46:36

马斯克：特斯拉正组建中国技术团队

2019-09-25 08:15:43

疑难解答

图片精选

网友关注