jquery背景図を動的に交換する方法

ある時、私たちはユーザーのためにとても親切な機能を提供できます。例えば、ユーザーがいつ訪問したのかを判断して、挨拶をします。こんばんは、こんにちは。そして、ウェブページの背景色を変えます。例えば、夜には満天の星の背景を使って、昼間は太陽の光で輝いています。あるいは特定の祝日にはこのテーマの背景を使って、ウェブサイトがとても柔軟で、退屈ではありません。
背景の交換をどのように実現するかについて、次のような解決策を示します。
どうやって実現しますか
簡単です。下はJQueryコードです。

function doChangeBkg()
{
 var bkgUrl=$("#inputBkgUrl").val();
 var repeateMode=$("#inputRepeatMode").val();
 var s="<style type='text/css' > body{ background-repeat : "+repeateMode+"; background-image:url(\""+bkgUrl+"\"); } </style>";
 $("#outputDiv").html(s);
}

オリジナルJavaScriptコード：

function doChangeBkg()
{
 var bkgUrl=$("#inputBkgUrl").val();
 var repeateMode=$("#inputRepeatMode").val();
 var s="<style type='text/css' > body{ background-repeat : "+repeateMode+"; background-image:url(\""+bkgUrl+"\"); } </style>";
 $("#outputDiv").html(s);
}

フロントエンドコード:

<div> 
    URL：<input type="text" size="60" id="inputBkgUrl" /> <br />
        ： <select id="inputRepeatMode"><option value="repeat" selected="selected">repeat</option><option value="no-repeat">no-repeat</option><option value="repeat-x">repeat-x</option><option value="repeat-y">repeat-y</option></select> 
<input type="button" onclick="doChangeBkg()" value="    " /> 
</div> 
<div id="outputDiv"></div>