javascript点击当前文字变色

最新推荐文章于 2024-06-30 11:06:07 发布

最新推荐文章于 2024-06-30 11:06:07 发布 · 980 阅读

文章标签：

#JavaScript #CSS #XHTML #HTML #ViewUI

这是一个关于APQP（产品质量先期策划）管理系统的界面展示，通过不同的链接可以进入APQP零件、流程、供方信息库、顾客信息库及设备库等模块进行操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<%@ page contentType="text/html; charset=GBK" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns=" http://www.w3.org/1999/xhtml"> <head> <title>test</title> <link href="<%=request.getContextPath() %>/css/css.css" rel="stylesheet" type="text/css" /> head> <script language="javascript"> function changeImg(h){ document.getElementById("td"+h).style.color="red"; for(var i=1;i<=6;i++){ if(i != h){ document.getElementById("td"+i).style.color = ''; } } } </script> <body> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="169" height="208" valign="top"><table width="169" border="0" cellpadding="0" cellspacing="0"> <tr> <td width="28" height="26" bgcolor="#777777"><img src="/yliso/images/bb.gif" width="16" height="16" style="padding:5px 6px 5px 6px"/></td> <td width="141" valign="top" bgcolor="#777777" class="FFFFFFfont bold" ><div style="padding-top:8px;">APQP设置</div></td> </tr> <tr> <td height="2" colspan="2"></td> </tr> <tr> <td height="18" colspan="2" valign="top" bgcolor="#C6C7C9"><div align="left" style="padding:3px 0px 0px 39px;"> <a href="/yliso/apqpart.do?method=listApqpPart" target="main3Frame" onclick="changeImg('1')" id="td1">APQP零件</a></div></td> </tr> <tr> <td height="1" colspan="2"></td> </tr> <tr> <td height="2" colspan="2"></td> </tr> <tr> <td height="1" colspan="2"></td> </tr> <tr> <td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;"> <a href="/yliso/apqpart.do?method=listApqpPartFlow" target="main3Frame" onclick="changeImg('2')" id="td2">APQP流程</a> </div></td> </tr> <tr> <td height="2" colspan="2"></td> </tr> <tr> <td height="1" colspan="2"></td> </tr> <tr> <td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;"> <a href="/yliso/supinfoAction.do?method=listSupInfo" target="main3Frame" onclick="changeImg('3')" id="td3" >APQP供方信息库</a> </div></td> </tr> <tr> </tr> <tr> <td height="1" colspan="2"></td> </tr> <tr> <td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;"> <a href="/yliso/cusinfoAction.do?method=listCusInfo" target="main3Frame" onclick=" changeImg('4')" id="td4">APQP顾客信息库</a> </div></td> </tr> <tr> <td height="2" colspan="2"></td> </tr> <tr> <td height="15" colspan="2" valign="top" bgcolor="#c6c7c9"><div align="left" style="padding:3px 0px 0px 39px;"> <a href="/yliso/equipmentAction.do?method=listEquipment" target="main3Frame" onclick=" changeImg('5')" id="td5">APQP设备库</a> </div></td> </tr> <tr> <td height="1" colspan="2"></td> </tr> <tr> <td height="2" colspan="2"></td> </tr> </table></td> </tr> </table> </body> </html>