我們在做頁面效果的時候，時常會遇到UI為了做出好看的效果，會要求body，或者div的背景定時切換。
如果是要做后台可以增刪查改背景圖的話，絕對不可以用background來設定背景圖，因為這樣后台是沒辦法改掉背景url的路徑的。
所以，要做后台可以改圖片的話，就應該在html中用img還設定背景圖。
最近我在做的是一個用div的背景定時切換的效果。
就是在頭部部分，既要做到滿屏，又要有定時輪換的效果。因為一開始在做這里的時候，我是用background做的，因為也不做后台該圖片的功能，我就依舊用background做。
我是用jquery做的。記得再調用之前，要導入jquery，代碼如下：
$(function(){
(function(){
window.timeInterval = 2000;
window.curIndex = 0;
window.arr = new Array();
window.arr.push("imgs/1.jpg");
window.arr.push("imgs/2.jpg");
window.changeImg = function(){
$(".first_part").css("background","url(" + window.arr[ window.curIndex ] + ")");
window.curIndex = (window.curIndex+1) % window.arr.length;
};
setInterval(window.changeImg, window.timeInterval);
})(this);
});
但是隔幾天，我發現這樣的效果切換有點生硬。最后，我終於百度到了一個jquery插件。最終效果一樣，但是過程會比我好看好多。
網址為：http://www.jq22.com/jquery-info86