1,背景图片尺寸大一些效果会比较好,首先我们先了解一下background-position
css中的background-position 属性设置背景图像的起始位置。
background-position:水平值 垂直值;
background-position:15px 15px;
background-position:10% 10%;
background-position:left/right/center bottom/top/center;//如果只设置一个值,第二个值默认为center
2,jquery中利用到的是animate方法(主要jquery1.6的一个版本不支持background-position设置两个参数)
$(function(){ $(".next").bind("click",function(){ $("body").animate({"background-position":'-=400px -108px'},5000); $(".prev").bind("click",function(){ $("body").animate({"background-position":'+=400px -108px'},5000); });