背景图片慢慢的移动用jquery怎么做

最近做前段开发使用的jquery，开发过程中需要实现背景图片慢慢的移动的效果，这个可以通过jq的动画功能实现，给背景图层做个监听就可以了。

工具/原料

1

在文件夹中创建三个文件test的html文件、bg图片、jq存放文件夹。
2

打开html文件test，里面引入jquery。
3

创建两个div，imbg是背景图片div，包含在aa中。
4

给div设置样式，这里要在“imbg”中设置“position:absolute”，否则移动无效。

#imbg{width: 200px;height: 300px;position:absolute;background-image: url('bg.png');}
5

在浏览器中打开后效果是这样的，蓝色的是图片。
6

现在我们添加jq的代码，让鼠标移动到图片图层上下进行移动，动画效果是向下移动100像素用时3000毫秒，接着向上移动100像素用时3000毫秒，也就是回到原位置（如果不需要向上移动，可以直接把后面的.animate（）去除）。
7

现在浏览器打开，鼠标移动到图片上背景图片就上下移动了。

END