文档章节

网页两侧悬浮广告js代码

横着走的螃蟹
 横着走的螃蟹
发布于 2015/12/03 09:23
字数 230
阅读 790
收藏 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
博文 143
码字总数 31286
作品 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
DEDE让广告延时加载显示,大大提高网页访问的速度

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

Deacyn
2014/03/04
0
0
cocos2d-x支持c++、js、lua开发

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

壹峰
2017/10/18
0
0
WEB前端学习:JS"&&"操作符的妙用你知道吗

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

web前端小辰
06/02
0
0

没有更多内容

加载失败,请刷新页面

加载更多

阿里面试题

https://yq.aliyun.com/articles/6656 https://yq.aliyun.com/articles/7468

jason_kiss
13分钟前
1
0
阿里云Redis读写分离典型场景:如何轻松搭建电商秒杀系统

背景 秒杀活动是绝大部分电商选择的低价促销,推广品牌的方式。不仅可以给平台带来用户量,还可以提高平台知名度。一个好的秒杀系统,可以提高平台系统的稳定性和公平性,获得更好的用户体验...

别打我会飞
20分钟前
2
0
188. jsp提出公共的资源

平时我们会在一个地方 写一些重复的东西,为了便于管理我们需要将它提炼出来 1. 问题现象 2. 解决方式 (1) 提炼出该内容 <script type="text/javascript"> var net ={url: "${pageContext....

Lucky_Me
27分钟前
0
0
集合

集合 集合 集合介绍 前面的学习,我们知道数据多了,使用数组存放。而且数组中存放的都是基本类型的数据,并且数组是定长的。当在程序中创建的对象比较多的时候,需要对这些对象进行统一的管...

码农屌丝
33分钟前
1
0
jsp页面手写翻页小记

<s:if test="totalPage > 1"> <tr align="center"> <td colspan="4" align="center" style="height: 25px; text-align: center;">......

JackChenzp
34分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部