js实现的简单图片浮动效果完整实例

本文实例讲述了js实现的简单图片浮动效果。分享给大家供大家参考，具体如下：

利用window对象，实现一个图片的浮动效果

1、现有一个广告div，就是我们要控制的，它的起始点（0,0）

2、设定横向和纵向的速度

3、控制广告div移动

  1）广告div是否达到边界
  2）如果到达边界后，我们设置速度反向移动

div{
 position:absolute;
}
img{
 position:absolute; 
 filter:alpha(opacity=100);
 -moz-opacity:1;
 opacity: 1;
}

更多关于Javascript相关内容感兴趣的读者可查看本站专题：《Javascript切换特效与技巧总结》、《Javascript查找算法技巧总结》、《Javascript动画特效与技巧汇总》、《Javascript错误与调试技巧总结》、《Javascript数据结构与算法技巧总结》、《Javascript遍历算法与技巧总结》及《Javascript数学运算用法总结》

希望本文所述对大家Javascript程序设计有所帮助。