首頁 > web前端 > js教程 > jquery動態更換設定背景圖的方法_jquery

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

WBOY
發布: 2016-05-16 16:54:42
原創
1664 人瀏覽過

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

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

如何實現

很簡單,以下是 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:

背景圖片重複方式:

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板