六狼论坛

 找回密码
 立即注册

QQ登录

只需一步,快速开始

新浪微博账号登陆

只需一步,快速开始

搜索
查看: 42|回复: 0

简单的浮动广告

[复制链接]

升级  54.67%

32

主题

32

主题

32

主题

秀才

Rank: 2

积分
132
 楼主| 发表于 2013-2-7 16:10:26 | 显示全部楼层 |阅读模式
<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 >
<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>
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表