jquery控制背景图片的移动 Amy

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);
});
原文地址:https://www.cnblogs.com/amy2011/p/2973905.html