文档章节

网页两侧悬浮广告js代码

横着走的螃蟹
 横着走的螃蟹
发布于 2015/12/03 09:23
字数 230
阅读 781
收藏 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>


© 著作权归作者所有

共有 人打赏支持
横着走的螃蟹
粉丝 13
博文 133
码字总数 29781
作品 0
朝阳
高级程序员
iOS神级浏览器Alook端午节限免

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

己立
06/17
0
0
简单说 如何做一个chrome 去广告插件

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

FEWY
2017/10/19
0
0
cocos2d-x支持c++、js、lua开发

作者:左文 链接:https://www.zhihu.com/question/21130385/answer/21789568 来源:知乎 著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 纯属个人观点 1 Unity3d支...

壹峰
2017/10/18
0
0
DEDE让广告延时加载显示,大大提高网页访问的速度

延迟默认的第一个广告(aid=1)为例。 1、在你要放置广告的地方加入以下代码,中间的文字可以修改成自己的词语、代码或者图像等。 <span id="topbanner">精彩内容读取中……</span> 2、在</b...

Deacyn
2014/03/04
0
0
WEB前端学习:JS"&&"操作符的妙用你知道吗

Web前端开发工程师是一个很新的职业,是从事Web前端开发工作的工程师。主要进行网站开发,优化,完善的工作。网页制作是Web 1.0时代的产物,那时网站的主要内容都是静态的,用户使用网站的行...

web前端小辰
06/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

Linux环境搭建 | VMware下共享文件夹的实现

在进行程序开发的过程中,我们经常要在主机与虚拟机之间传递文件,比如说,源代码位于虚拟机,而在主机下阅读或修改源代码,这里就需要使用到 「共享文件」 这个机制了。本文介绍了两种共享文...

良许Linux
今天
4
0
JUC锁框架——AQS源码分析

JUC锁介绍 Java的并发框架JUC(java.util.concurrent)中锁是最重要的一个工具。因为锁,才能实现正确的并发访问。而AbstractQueuedSynchronizer(AQS)是一个用来构建锁和同步器的框架,使用A...

长头发-dawn
今天
1
0
docker中安装了RabbitMQ后无法访问其Web管理页面

在官网找了"$ docker run -d --hostname my-rabbit --name some-rabbit -p 8080:15672 rabbitmq:3-management"这条安装命令,在docker上安装了RabbitMQ,,结果输入http://localhost:8080并不......

钟然千落
今天
4
1
spring-cloud | 分布式session共享

写在前面的话 各位小伙伴,你们有福了,这一节不仅教大家怎么实现分布式session的问题,还用kotlin开发,喜欢kotlin的小伙伴是不是很开心! 以前在写Android的时候,就对客户端请求有一定的认...

冯文议
今天
3
0
c语言之内存分配笔记

先看一个数组: short array[5] = {1,2} // 这儿定义的一个int类型的数组,数组第1和第2个元素值是1和2.其余后面默认会给值为0; 或者 short array[] = {1,2};//这儿数组第1和第2个元素,数组...

DannyCoder
今天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部