菜单样式-实现onclick改变背景色效果

 

          今天搞了一个菜单样式，要实现菜单被单击之后改变背景色 同时在其它菜单被单击时改变已单击菜单背景色

 

html代码：

 

<div class="childmenu">
    <s:iterator id="smu" status="menu_b" value="#pmu.value.subMenus">
        <div οnclick="return changeColor(this)"><img src="/images/back/ico06.gif" /><a href="${smu.menu_aspx}" target="ifm_content">${smu.menu_name}</a></div>
    </s:iterator>
</div>

js代码：

<script type="text/javascript">
var i = null;
function changeColor(x){
    if(i!==null)
        i.style.backgroundColor="";
        x.style.backgroundColor="#dfe8f7";//#E2F4FB
        i=x;
    };
</script>

效果：