漂浮广告代码,JS代码库,德仔网

代码语言

代码分类

【JS】漂浮广告

作者:Dezai.CN / 发布于2013/10/18/ 348


	<body>
	<div id="float" style=" position:absolute; z-index:3">
	<img id="img1" src="选择你要浮动的图片" style=" border:1px #ccc solid" /><img id="img2" onClick="float.style.display='none'" src="关闭图片" style=" position:absolute; margin-left:-13px;" />
	</div>
	<script type="text/javascript">
	var xPos=0;
	var yPos=0;
	var directionX=true;
	var directionY=true;
	var step=1;
	var speed=1;
	var float=document.getElementById("float");
	function move(){
	var height=document.documentElement.clientHeight;
	var width=document.documentElement.clientWidth;
	var imgHeight=float.offsetHeight;
	var imgWidth=float.offsetWidth;
	float.style.left=xPos+document.documentElement.scrollLeft+"px";
	float.style.top=yPos+document.documentElement.scrollTop+"px";
	if(directionX){xPos=xPos+step;}else{xPos=xPos-step;}
	if(xPos<=0){xPos=0;directionX=true;}
	if(xPos>=width-imgWidth){xPos=width-imgWidth;directionX=false;}
	
	if(directionY){yPos=yPos+step;}else{yPos=yPos-step;}
	if(yPos<=0){yPos=0;directionY=true;}
	if(yPos>=height-imgHeight){yPos=height-imgHeight;directionY=false;}
	t=setTimeout(move,speed);
	}
	float.onmouseover=function(){clearTimeout(t);}
	float.onmouseout=function(){t=setTimeout("move()",speed);}
	window.onload=move();
	</script>
	</body>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　漂浮广告　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)