浮动的广告代码

最新推荐文章于 2024-06-25 10:47:04 发布

hatalhcz

最新推荐文章于 2024-06-25 10:47:04 发布

阅读量109

点赞数

分类专栏： DOM javascript html+css 文章标签： xhtml javascript ViewUI

本文链接：https://blog.csdn.net/hatalhcz/article/details/83984267

版权

javascript 同时被 3 个专栏收录

18 篇文章 0 订阅

订阅专栏

html+css

16 篇文章 0 订阅

订阅专栏

DOM

15 篇文章 0 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>


<script type="text/javascript">

var x = 1,y = 1,movex = 0,movey = 0;
function movead()
{
	var divObj = document.getElementById("adid");
	
	movex = movex + x*5;
	movey = movey + y*5;
	
	
	divObj.style.top = movey;
	divObj.style.left = movex;
	
	if(movex+divObj.offsetWidth>=document.body.clientWidth)
		x = -1;
	else if(movex<=0)
		x = 1;
	if(movey+divObj.offsetHeight>=document.body.clientHeight)
		y = -1;
	else if(movey <=0)
		y = 1;
}
var timeid;

function over()
{
	clearInterval(timeid);
}

function out()
{
	fly();
}

function fly()
{
	timeid = setInterval("movead()",10);
}
window.onload = function()
{
	fly();
}

function closead()
{
	var divObj = document.getElementById("adid");
	divObj.style.display = "none";
	
	over();
}
</script>

</head>

<body>
<input type="button" value="手动广告" οnclick="movead()" /><br />
<div id="adid" style="position:absolute; top:0px; left:0px"  οnmοuseοver="over()" οnmοuseοut="out()"><a href="http://www.sss.com.cn" target="_blank"><img src="2.jpg" height="100px" width="150px" /></a><br/>
<a href="javascript:void(0)" οnclick="closead()">关闭</a></div>



<img src="1.jpg" height="600" width="700" border="2" />
</body>
</html>

hatalhcz

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
浮动的广告代码

&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;
复制链接

扫一扫