(编辑：jimmy 日期: 2024/10/4 浏览：2)
本文实例讲述了js实现的简单图片浮动效果。分享给大家供大家参考，具体如下：
利用window对象，实现一个图片的浮动效果
1、现有一个广告div，就是我们要控制的，它的起始点（0,0）
2、设定横向和纵向的速度
3、控制广告div移动
1）广告div是否达到边界
2）如果到达边界后，我们设置速度反向移动
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
div{
position:absolute;
}
img{
position:absolute;
filter:alpha(opacity=100);/* IE */
-moz-opacity:1;/* Moz + FF */
opacity: 1;/* 支持CSS3的浏览器（FF 1.5也支持）*/
}
</style>
</head>
<body>
<div id="divimg"><img src="/UploadFiles/2021-04-02/123.jpg">
更多关于JavaScript相关内容感兴趣的读者可查看本站专题：《JavaScript切换特效与技巧总结》、《JavaScript查找算法技巧总结》、《JavaScript动画特效与技巧汇总》、《JavaScript错误与调试技巧总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript遍历算法与技巧总结》及《JavaScript数学运算用法总结》
希望本文所述对大家JavaScript程序设计有所帮助。