实现多张图片的浮动代码
来源:互联网 发布:程序员团队名称和口号 编辑:程序博客网 时间:2024/04/29 19:20
关键部分
<script>
var imgs = document.images;
//var xSpeed=3, ySpeed=3; //x,y轴方向上的偏移量
//var x = 0, y = 0; //用于保存图像的坐标位置
var xSpeed = new Array(), ySpeed = new Array(), x = new Array(), y = new Array();
for(var i=0;i<imgs.length;i++){
xSpeed[i] = 3; ySpeed[i] = 3;
x[i] = i*15; y[i] = i*15;
}
var w = document.documentElement.clientWidth-110, h = document.documentElement.clientHeight-85;
function float(){
for(var i=0;i<imgs.length;i++){
if(x[i]>w || x[i]<0) xSpeed[i] = -xSpeed[i];//如果图像已经超出边界,就将相应的偏移量取反
if(y[i]>h || y[i]<0) ySpeed[i] = -ySpeed[i];
x[i] += xSpeed[i];//计算新的位置
y[i] += ySpeed[i];
imgs[i].style.left = x[i] + "px";//重新设置给图片
imgs[i].style.top = y[i] + "px";
}
a = setTimeout(float, 40);//clearTimeout(a);
}
float();
//setInterval(float, 40) //每隔40毫秒设置一次位置
</script>
- 实现多张图片的浮动代码
- 实现多张图片浮动的效果
- 多张图片的浮动
- 多张图片的浮动
- 实现多张图片上传的接口
- javascript实现多张图片轮流展示效果代码
- java struts中实现上传多张图片代码
- ASP.NET(C#)实现一次性动态上传多张图片的代码(多个文件)
- 浮动图片的css实现
- 实现浮动广告的代码
- 多张图片整合成连续动画的代码
- 多张图片整合成连续动画的代码
- ios多张图片整合成连续动画的代码
- 多张图片整合成连续动画的代码
- IOS多张图片整合成连续动画的代码
- 最简单的分享代码(多张图片)
- Js实现多张图片无规律的轮流切换
- Js实现多张图片有规律的随机切换
- python获取本地位置和天气
- 两个数据库有一个相同的表,将A中的a表复制到B中的b表
- 数据录入及转移
- struts1和struts2区别
- 让程序在崩溃时体面的退出之Dump文件 .
- 实现多张图片的浮动代码
- 进程和线程的区别
- 超简单的JS进度条
- VC6.0 调试死机问题
- PostgreSQL的内存管理机制十二:共享内存/shmem分配
- 技术积累篇
- 使用javascript实现多个图片漂浮的效果(完善火狐滤镜功能)
- j初始值为0,j=j++;循环100遍值为多少?
- zoj 1944 Tree Recovery