jquery動態更換設定背景圖的方法_jquery

有些時候，我們可以提供使用者很貼心的功能，例如判斷使用者是什麼時候來訪問的，然後給出一句問候，晚上好，下午好之類的。並且更換網頁的背景顏色，例如晚上的時候就可以用滿天星星的背景，白天就用陽光燦爛，或者特定節日就用該主題背景，讓你的網站顯得非常靈活，不枯燥。

下面就如何實現背景更換給出一個解決方法：

如何實現

很簡單，以下是 JQuery 程式碼：

複製程式碼 程式碼如下:

function doChangeBkg(>

function doChangeBkg() bkgUrl=$("#inputBkgUrl").val();
 var repeateMode=$("#inputRepeatMode").val();
 var s="";
 $("#outputDiv").html(s);
}

原生JavaScript程式碼：

複製程式碼

程式碼如下:

function doChangeBkg(>

function doChangeBkg() bkgUrl=$("#inputBkgUrl").val();
 var repeateMode=$("#inputRepeatMode").val();
 var s="";
 $("#outputDiv").html(s);

}

前端程式碼：

複製程式碼

程式碼如下:

圖片URL：

背景圖片重複方式： repeat no-repeat repeat-x repeat -y