滑动的背景图

HTML

//no                       
                        

JS

var scrollSpeed = 70;       //指定滑动速度，也就是定时器的间隔时间，毫秒为单位
var step = 1;               //指定步进值，值越大滑动幅度越大
var current = 0;            //保存当前位置的中转变量
var imageWidth = 2247;      //图片滚动的最大宽度
var headerWidth = 800;      //边框宽度
//图片宽度和边框宽度的差，就是重新开始滑动的宽度
var restartPosition = -(imageWidth - headerWidth);  
function scrollBg(){               //滚动背景函数
current -= step;                   //调整步进值
if (current == restartPosition){  //恢复初始值
  current = 0;
}
//设置背景的位置
$('#flower').css("background-position",current+"px 0");
}
//在页面加载后，使用setInterval反复调用scrollBg来滚动图片
var init = setInterval("scrollBg()", scrollSpeed);