點擊li標記中的標記改變li背景圖片怎樣實現

 

<div class="nav">
<ul>
<li id="li1" class="dianji" onclick="changeBack(this,1)" ><a id="a1" href="Index.aspx">網站首頁</a></li>
<li id="li2" onclick="changeBack(this,2)"><a id="a2" href="About.aspx">公司簡介</a></li>
<li id="li3" onclick="changeBack(this,3)"><a href="NewsCenter.aspx">新聞動態</a></li>
<li id="li4" onclick="changeBack(this,4)"><a href="ProShow.aspx">產品展示</a></li>
<li id="li5" onclick="changeBack(this,5)"><a href="Message.aspx">在線留言</a></li>
<li id="li6" onclick="changeBack(this,6)"><a href="Contact.aspx">聯系我們</a></li>
</ul>
</div>

這是一個菜單，要在點擊鏈接的時候給點擊的鏈接的li改變背景圖片，相當於選中這個li，點擊其他li時，讓之前選中的那個li恢復原樣，大家幫幫我，怎么做？謝謝了

    < div  class = "nav" >

         < ul  id = "change" >

             < li  id = "li1"  class = "dianji"  onclick = "changeBack(this)" >< a  id = "a1" >網站首頁</ a ></ li >

             < li  id = "li2"  onclick = "changeBack(this)" >< a  id = "a2" >公司簡介</ a ></ li >

             < li  id = "li3"  onclick = "changeBack(this)" >< a >新聞動態</ a ></ li >

             < li  id = "li4"  onclick = "changeBack(this)" >< a >產品展示</ a ></ li >

             < li  id = "li5"  onclick = "changeBack(this)" >< a >在線留言</ a ></ li >

             < li  id = "li6"  onclick = "changeBack(this)" >< a >聯系我們</ a ></ li >

         </ ul >

     </ div >

    function changeBack(obj){
    for(var i=1;i<=6;i++){
        document.getElementById("li"+i).style.backgroundImage="";
    }
    obj.style.backgroundImage="url(image/3.jpg)";
    obj.style.backgroundRepeat="no-repeat";  //這里加一句    }