网页两侧悬浮广告js代码
网页两侧悬浮广告js代码
横着走的螃蟹 发表于2年前
网页两侧悬浮广告js代码
  • 发表于 2年前
  • 阅读 774
  • 收藏 1
  • 点赞 0
  • 评论 0

腾讯云 新注册用户 域名抢购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>


共有 人打赏支持
粉丝 14
博文 110
码字总数 25534
×
横着走的螃蟹
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: