首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

容易的浮动广告

2012-11-25 
简单的浮动广告htmlhead!--在网页中,浏览器窗口的左上角默认为原点(0,0)位置。HTML 对象的起点位置坐

简单的浮动广告
<html>
<head>
<!--
在网页中,浏览器窗口的左上角默认为原点(0,0)位置。HTML 对象的起点位置坐标(x,y)一般分别使用left 和top属性表示,分别代表该对象的左边距和上边距。
Math对象的random()方法产生0-1的随机数,Layer1层的左边距和上边距的值是随机的所以产生了随机移动的效果。
-->
<script language=JavaScript>
function move(){
document.getElementById("Layer1").style.left = Math.random()*500;
document.getElementById("Layer1").style.top = Math.random()*500;
setTimeout("move()",800);
}
</script>
</head>
<body onload="move()">
<div id="Layer1" style="position:absolute;left:14px;top:44px;width:150px; height:102px; z-index:1; bgcolor:red;">
<a href="http://amazon.com">
<img src="a.jpg" width="150" height="100"/>
</a>
</div>
<h2>随机漂浮广告</h2>
</body>
</html>

热点排行