页面中漂浮的兔脒巛钒图片是早期页面中最常见的广告特效之一，现在的很多页面也依然在使用，下面我们分享一下飘浮的图片是如何实现的，最终的预览效果如下所示：
工具/原料
Sublime编辑器
HTML+CSS
JavaScript
方法/步骤
1、编写效果所需的HTML代码，非常简单，加入一个<div>标签即可，代码如下图所示：
2、对HTML进行必要的CSS控制，具体代码如下图所示：
3、定义HTML元素移动1像素的一个函数，具体代码如下：
4、加入计时器，每30毫秒调用一次，这样图片就可以动起来了，代码如下图所示：
5、再添加代码，当鼠标悬停到图片时停止滚动，当离开时图片时继续滚动，代码如下所示：
6、打开浏览器进行预览，图片飘浮起来了，效果不错吧？赶快动手试试吧！
