这段代码展示了一个使用JavaScript和CSS实现的图片浮动效果。通过设置div的绝对定位和利用window对象，图片能够在页面中实现边界反弹的浮动。JavaScript函数`floatimg()`控制了图片的移动，当图片达到页面边界时，其运动方向会反转。
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>图片浮动</title>
<style type="text/css">
div {
position:absolute;
}
</style>
</head>
<body>
<div id="ad" > <img src="images/3.jpg" width="200" height="130"/> </div>
</body>
</html>
<script type="text/javascript" language="javascript">
/*
利用window对象，实现浮动效果
1、有一个div，就是我们要控制的，它的起始点坐标（0,0）
2、设定横向和纵向的速度
3、控制div移动
1）div是否到达边界，设置图片速度反向移动
*/
//获取图片所在的div对象
var ad = document.getElementById('ad');
//设置div起始点坐标
var x=100,y=50;
//设置div行进速度
var
最低0.47元/天 解锁文章
2896
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
