点击图片高亮显示

为什么80%的码农都做不了架构师？>>>   

本人对前端知识浅薄，故在项目中做这个功能时绕了很多弯路。

1.我原想修改img的样式来达到高亮，最后才得知修改style不能更改src，夭折

2.因为图片命名比较有规律，所以我在想通过修改图片名称的方式来更改src请求所指向的图片名称，夭折

3.最后折腾出来的，完全和名称无关，汗颜啦。

故代码贴此处纪念一下：

var reg = $(this);
			
$('.links a.sys').find('img').each(function(i, k) {
    if(i ==0) {
	k.src = '<%=pagepath%>/system/images/yjlm/bggl_n.gif';
    } else if(i == 1) {
	k.src = '<%=pagepath%>/system/images/yjlm/gwgl_n.gif';
    } else if(i == 2) {
	k.src = '<%=pagepath%>/system/images/yjlm/ggxx_n.gif';
    } else if(i ==3) {
	k.src = '<%=pagepath%>/system/images/yjlm/glpz_n.gif';
    }
});
				
$('.links a.sys').find('img').each(function(i, k) {
    var kk= k.src.substring(21);
    var cc = reg.find('img').attr('src');
    if(cc == kk) {
	if(cc.indexOf('bggl_n') != -1) {
	    reg.find('img').attr('src', '<%=pagepath%>/system/images/yjlm/bggl_nn.gif');
	} else if(cc.indexOf('ggxx_n') != -1) {
	    reg.find('img').attr('src', '<%=pagepath%>/system/images/yjlm/ggxx_nn.gif');
	} else if(cc.indexOf('glpz_n') != -1) {
	    reg.find('img').attr('src', '<%=pagepath%>/system/images/yjlm/glpz_nn.gif');
	} else if(cc.indexOf('gwgl_n') != -1) {
	    reg.find('img').attr('src', '<%=pagepath%>/system/images/yjlm/gwgl_nn.gif');
	}
    } 
});

<tr>
    <s:iterator value="newMenu.tbMenus" id="menu">
	<s:if test="#menu.String1 == '_top'">
	   <td class="links" width="98" align="center">
	       	<a class="sys" href="#" rel="<%=pagepath%><s:property value="#menu.defaultUrl"/>" style="color: #EE9201;text-decoration: none; font-weight:bold; font-size:14px;">
	             <img src="<%=pagepath%><s:property value="#menu.String2"/>" width="93" height="26" border="0"/>
	        </a>
	            &nbsp;&nbsp;
	   </td>
         </s:if>
    </s:iterator>
 </tr>

转载于:https://my.oschina.net/6tao/blog/32392