js代码书写问题

Question

 这几个按钮  当mouseover的时候变化图片. 
你说我是用一个方法 在方法内部做判断好  
还是分别写方法好写在同一个方法里面要做判断, 影响效率, 分别写方法的话 还出现冗余....
请大家给点意见撒~

Answer 1

单就这个问题来看 跟写一个方法里和写多个方法里关系不大
就楼主的问题 效率高低取决于数量级 数量多的时候 太多的if else 指定要慢些 但大多情况下都还可以接受
楼主你就纠结在效率和代码复用如何结合？没有别的办法，算法最重要。

Answer 2

如果这些按钮在同一个对象下，哪写一个方法，直接传递event，找到当前响应鼠标的对象，然后操作当前对象即可，也不用做什么判断。
<div onmouseover=changeimg(event)>
<button><button><button>
</div>
<script>
function changeimg(evt){
evt = window.event || evt;
if(evt)var eo = evt.srcElement || evt.target;
        if(eo&&eo.nodeName = "BOTTON"){//nodename根据你使用的元素可能有所不同
        //下面针对eo进行操作即可
        }
}
</script>如果按钮在不同的对象里，哪就单独调用。

Answer 3

写个样式就ok的问题，干嘛要写js实现啊.personnel{
background:url(../images/ico/personnel.png) no-repeat;
border:none;
color:#04465b;
padding-left:22px;
padding-right:16px;
overflow:hidden;
height:20px;
width:auto;
overflow:visible;
}.personnel:hover{
color:#a37909;
cursor:pointer;}