左右漂浮的图片广告代码

稿源：互联网 2022-08-06 14:17:51 点击： 472 撤稿纠错

左右漂浮的图片广告代码，可自定义图片及链接地址。

以下讨论的是和漂浮广告特效相关的左右漂浮的图片广告代码教程文章，内容是本站精心挑选整理的教程，希望对广大的网友给到帮助,下面是详细内容：

脚本代码(For Alixixi.com)如下:

<body>
<script language="JavaScript">
	var delta=0.15
	var collection;
	function floaters() {
		this.items	= [];
		this.addItem	= function(id,x,y,content)
				  {
					document.write('<DIV id='+id+' style="Z-INDEX: 10; POSITION: absolute;  width:80px; height:60px;left:'+(typeof(x)=='string'?eval(x):x)+';top:'+(typeof(y)=='string'?eval(y):y)+'">'+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;
					}

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;
					}
				followObj.style.display	= '';
			}
		}	
		
	var theFloaters		= new floaters();
	theFloaters.addItem('followDiv1','document.body.clientWidth-112',230,'<a href=http://www.webjx.net target=_blank><img src=http://www.alixixi.com/images/face/image21.gif border=0></a>');
	theFloaters.addItem('followDiv2',12,230,'<a href=http://www.alixixi.com target=_blank><img src=http://www.alixixi.com/images/face/image21.gif border=0></a>');
	theFloaters.play();

</script>
</body>
<a href="http://www.alixixi.com/Dev/HTML/jsrun/">欢迎访问阿里西西网页特效集</a>

关于左右漂浮的图片广告代码的内容写到这里就结束啦，您可以收藏本页网址https://js.alixixi.com/a/2008071496176.shtml方便下次再访问哦。

·上一篇： 璀璨的web页面背景特效
·下一篇： 全页漂浮的图片的广告代码

左右漂浮的图片广告代码

文章分类LIST >>返回首页

最新游戏

最新新闻