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

 

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

 

html代码：

 

 

<div class="childmenu"> <s:iterator id="smu" status="menu_b" value="#pmu.value.subMenus"> <div onclick="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>

效果：