HTML text样式大全

最新推荐文章于 2023-12-15 11:15:30 发布

原创最新推荐文章于 2023-12-15 11:15:30 发布 · 2.9k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Javascript

js 专栏收录该内容

37 篇文章

订阅专栏

本文介绍了一个使用JavaScript实现的简单示例，该示例可以让页面上的图片在浏览器窗口中随机移动。通过设置定时器，图片会不断地改变其位置。

<!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>
<script language="javascript">
function fun()
{
window.document.getElementById('h1').style.left= Math.random()*800+"px";
window.document.getElementById('h1').style.top= Math.random()*800+"px";
setTimeout("fun()",500);
}
</script>
</head>
<body onload="fun()">
<div id="h1" style="position:absolute;width:150px; height:102px; z-index:1">
<a href="http://www.baidu.com">
<img src="1.gif" width="234" height="218" border="0"></a>
</div>
</body>