JS实现图片随机浮动效果
来源:互联网 发布:阿里云ssl证书申请 编辑:程序博客网 时间:2024/04/28 19:33
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>图片随机浮动游戏</title>
<style type="text/css">
//对DIV进行绝对定位
div{
position:absolute;
}
</style>
</head>
<body>
<div id="floatimg"><img src="../1.jpg" height="150" width="100"></div>
</body>
</html>
<script language="javascript" type="text/javascript">
var floatimg=document.getElementById("floatimg");
//定义初识坐标
var x=0,y=0;
//获取图片随机浮动的可见范围
var w=document.body.clientWidth-100,h=document.body.clientHeight-150;
function picfloat(){
//定义图片随机出现的坐标
x=Math.round(Math.random()*w);
y=Math.round(Math.random()*h);
floatimg.style.left=x+"px";
floatimg.style.top=y+"px";
//设置间隔时间
setTimeout("picfloat()",500);
}
picfloat();
</script>
- JS实现图片随机浮动效果
- js实现图片浮动的效果
- js 实现一个图片浮动的效果
- js实现图片的随机不定向浮动
- js实现图片浮动
- JS做的网页图片浮动效果
- JavaScript实现图片的浮动效果
- 实现多张图片浮动的效果
- JavaScript实现图片的浮动效果
- js实现浮动框【缓冲效果】
- js实现随机图片变动
- QQ js浮动效果
- JS对联浮动效果
- js 浮动窗效果
- JS实现图片幻灯片效果
- Js实现图片透明效果
- JS实现图片幻灯片效果
- JS实现图片幻灯片效果
- EJB 定时服务实现
- C#将图片转换二进制保存至Xml
- 我不是天生的C++,也并非天生就喜欢电脑
- rsyslog 开启本地日志服务
- DOM案例----实现漂浮广告 超简单
- JS实现图片随机浮动效果
- 数据的一下应用和SQL数据库查询 左连接、右连接、内连接 实例
- 就掌握了成功的C++,那么信息从何而来
- 浅谈Android iPhone智能机触摸屏原理
- 封装
- 1002. Anti-prime Sequences
- 成绩出来,C++专业课没问题
- Android模拟器安装与卸载apk文件
- 回顾一下这个寒假