文档章节

网页两侧悬浮广告js代码

横着走的螃蟹
 横着走的螃蟹
发布于 2015/12/03 09:23
字数 230
阅读 799
收藏 1
<script type="text/javascript">
var delta=0.08
	var collection;
	function floaters() {
		this.items	= [];
		this.addItem	= function(id,x,y,content)
				  {
					document.write('<DIV id='+id+' style="z-index: 1000; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+'px;top:'+(typeof(y)=='string'?eval(y):y)+'px">'+content+'</DIV>');
					
					var newItem				= {};
					newItem.object			= document.getElementById(id);
					newItem.x				= x;
					newItem.y				= y;

					this.items[this.items.length]		= newItem;
				  }
		this.play	= function()
				  {
					collection				= this.items
					setInterval('play()',10);
				  }
		}
		function play()
		{

			for(var i=0;i<collection.length;i++)
			{
				var followObj		= collection[i].object;
				var followObj_x		= (typeof(collection[i].x)=='string'?eval(collection[i].x):collection[i].x);
				var followObj_y		= (typeof(collection[i].y)=='string'?eval(collection[i].y):collection[i].y);

				if(followObj.offsetLeft!=(document.body.scrollLeft+followObj_x)) {
					var dx=(document.body.scrollLeft+followObj_x-followObj.offsetLeft)*delta;
					dx=(dx>0?1:-1)*Math.ceil(Math.abs(dx));
					followObj.style.left=followObj.offsetLeft+dx + 'px';
					}

				if(followObj.offsetTop!=(document.body.scrollTop+followObj_y)) {
					var dy=(document.body.scrollTop+followObj_y-followObj.offsetTop)*delta;
					dy=(dy>0?1:-1)*Math.ceil(Math.abs(dy));
					followObj.style.top=followObj.offsetTop+dy + 'px';
					}
				followObj.style.display	= '';
			}
		}	
		
	var theFloaters		= new floaters();
	//右面
	theFloaters.addItem('followDiv1','document.body.clientWidth-106',138,'<img border="0" src="http://img.amp.ad.sina.com.cn/sax/screenimage/998022e0a53c4516b733880687539b91.jpg" style="width:120px;height:270px;border:0" alt="http://img.amp.ad.sina.com.cn/sax/screenimage/998022e0a53c4516b733880687539b91.jpg">');
	//左面
	theFloaters.addItem('followDiv2',6,138,'<img border="0" src="http://img.amp.ad.sina.com.cn/sax/screenimage/998022e0a53c4516b733880687539b91.jpg" style="width:120px;height:270px;border:0" alt="http://img.amp.ad.sina.com.cn/sax/screenimage/998022e0a53c4516b733880687539b91.jpg">');
	theFloaters.play();
</script>


© 著作权归作者所有

共有 人打赏支持
上一篇: Object-c 基础语法
下一篇: php stdClass 转数组
横着走的螃蟹
粉丝 15
博文 152
码字总数 34347
作品 0
朝阳
高级程序员
私信 提问
求个JS代码啊(仿百度分享浮窗)的。

如题!我想弄一个类似推广的系统,站长们只要将固定的js代码贴到他们的网页上,网页的右侧就会悬浮出关于我网站的宣传图片。如果您没有源码的话给点意见也可以,万分感谢!

phpnewnew
2012/12/05
1K
3
iOS神级浏览器Alook端午节限免

前言 今天在 v2ex.com 论坛上看到有用户推荐iOS 端 Alook 浏览器,而且评价很不错,目前正在端午节限时免费中,分享给使用 iOS 的小伙伴们。 Alook Alook 浏览器最具特色的功能是 在线音/视频...

己立
06/17
0
0
innerHTML‘这儿的js代码不执行,求解释’;

我通过一系列的判断后想让他执行 var aa=document.body; if(aflag(getPageT(pNo),getNow())){ aa.innerHTML=' '; 这时js广告代码就是不能执行,在网页中不显示广告,程序没有任何错误,现在问...

肖明明
2011/10/07
3.6K
6
python代理中转无法完全下载数据

现在碰到一个问题就是比如代理访问http://www.aaa.com 这个网页有一段JS代码是百度的广告.从aaa.com的网页获取到了所有数据以后就一直显示图片的内容了.这个要怎么解决呢? 就是无法把第三方的...

龙上
2012/07/26
311
2
简单说 如何做一个chrome 去广告插件

说明 Chrome插件又称为谷歌浏览器插件,是谷歌Chrome浏览器的扩展插件,使用Chrome插件可以为Chrome浏览器带来一些功能性的扩展,进而提高Chrome的使用体验。 这次我们先来简单接触一下,了解一...

FEWY
2017/10/19
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Libusb交叉编译和移植

  Libusb交叉编译和移植      某项目内核需要支持USB的相关操作,所以考虑移植Libusb库      1、到官网下载最新的libusb源码(1.0.22)      2、解压源码      3、进入解压...

SEOwhywhy
6分钟前
0
0
阿里云HBase全新发布X-Pack NoSQL数据库再上新台阶

一、八年双十一,造就国内最大最专业HBase技术团队 阿里巴巴集团早在2010开始研究并把HBase投入生产环境使用,从最初的淘宝历史交易记录,到蚂蚁安全风控数据存储。持续8年的投入,历经8年双...

阿里云云栖社区
9分钟前
0
0
【58沈剑 架构师之路】数据库索引,到底是什么做的?

问题1. 数据库为什么要设计索引? 图书馆存了1000W本图书,要从中找到《架构师之路》,一本本查,要查到什么时候去? 于是,图书管理员设计了一套规则: (1)一楼放历史类,二楼放文学类,三楼...

张锦飞
9分钟前
0
0
android webpage err_unknown_url_scheme

搞一个 Android 的webview demo 来访问网页, 结果 模拟器就报错了: webpage err_unknown_url_scheme 于是去百度了 一下。发现挺多解决方案的,都拿来试试。居然有几种方式都可以。 1, 参考...

之渊
12分钟前
0
0
JVM总结

区域简介 JVM运行时区域有些随着虚拟机进程的启动而存在,有些依赖于用户线程的启动和结束而建立和销毁,大致分为以下几类:方法区,虚拟机栈,本地方法栈,堆,程序计数器,概念图如下(源于...

瑞查德-Jack
13分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部