js 实现图片位置随意变化

最新推荐文章于 2023-05-13 00:15:28 发布

smjavaee

最新推荐文章于 2023-05-13 00:15:28 发布

阅读量1.1k

点赞数 1

文章标签： javascript html

本文介绍了一种使用JavaScript实现网页上图片随机移动的方法。通过设置定时器，页面加载时图片将在指定范围内自动改变位置，增加了网页的互动性和趣味性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<script language="JavaScript">
function move()
{
document.getElementById("Layer1").style.left=Math.random()*500;
document.getElementById("Layer1").style.top=Math.random()*500;
setTimeout("move()",500);
}
</script>
</head>
<body onload="move()">
<div id="Layer1" style="position:absolute;left:14px;top:44px;width:150px;height:102px;z-index:1">
<a href="http://www.baidu.com">
<img src="aa.jpg" width="100" height="100">
</a>
</div>
</body>
</html>