高分求解！新手问题，JS点击顶级菜单修改TD颜色遇到问题_html/css_WEB-ITnose

html div 以下当前效果代码： 目前实现了鼠标停留在图片菜单TD上，用函数F_changeColorOn改变另外一个TD的颜色值，鼠标离开F_changeColorOn将另外个TD（菜单图片上面的td）改回原来的颜色值,我现在想要实现鼠标的onclick事件调用另外个函数C，达到点击菜单后，鼠标离开或放在该菜单上，另外个TD的颜色值改变。而放在其他菜单上，和之前效果一样，一直想不通就是C函数如何实现？现在矛盾在点击菜单后离开，颜色没有了，因为离开了，执行了  F_changeColorOff。   请各位大侠指导下 ，就是很顶级菜单搞了1天，没有一点思路，是不是思路完全错了？ 回复讨论(解决方案) 你后面的要求 没明白呀~~。 首先  对于导航来说  ，还是利用 无序列表（ul）来实现比较好。 后面click要求真没明白。 简化到底吧 后面的童鞋 继续 ~ 当你点击某个td是为她setAttribute一个自定义属性 之后修改一下你的onmouseover 和onmouseout事件   如果元素有这个自定义属性则鼠标离开后元素不再改变颜色  没有的话改变  试试 没有看明白你的需求，貌似问题复杂化了，鼠标移入移出的效果完全可以用CSS来完成，为啥要要弄个JS呢？ 声明一个全局变量，保存最后一次点击的td的一个序号。 var clickIndex = 0; function F_getChangeIndex(_index){ clickIndex = _index; } function F_changeColorOff(var1){ if(var1==1  && clickIndex!=1){ var d=document.getElementById('portal-globalnav-color-off-1'); d.style.background="#3d3d47"; }else if(var1==2  && clickIndex!=2){ var d=document.getElementById('portal-globalnav-color-off-2'); d.style.background="#3d3d47"; }else if(var1==3  && clickIndex!=3){ var d=document.getElementById('portal-globalnav-color-off-3'); d.style.background="#3d3d47"; }else if(var1==4  && clickIndex!=4){ var d=document.getElementById('portal-globalnav-color-off-4'); d.style.background="#3d3d47"; }else if(var1==5  && clickIndex!=5){ var d=document.getElementById('portal-globalnav-color-off-5'); d.style.background="#3d3d47"; }else if(var1==6  && clickIndex!=6){ var d=document.getElementById('portal-globalnav-color-off-6'); d.style.background="#3d3d47"; } }