JSP如何让鼠标移至记录变色

Question

   当我的鼠标移动自该页面的时候背景颜色就能改变，当我点击这条记录，背景颜色改变，并选种该条记录的ID，这个样式该如何写？？？大家别认为这简单，我可真不知道怎么写，也不知道该怎么查？

Answer 1

鼠标进入：onmouseover事件
鼠标移出：onmouseout事件
鼠标点击：onclick事件改变颜色就改变css属性就好了

Answer 2

我把页面贴出来把，你们看看``````
就是一个list循环出来的页面，我想让鼠标移动在上面如何改变颜色呢，还有如何单击这条记录就选中它```
麻烦各位大哥能给个代码吗，我自己看也行````我真的不会样式啊``````
<html:form action="/department.do" method="post">
<html:hidden property="departmentID"/>
<logic:notEmpty name= "Record" scope="request"> 
        <logic:equal name= "Record" value= "N"> 
                  <script language="JavaScript" type="text/JavaScript">
                            alert( "新增成功! "); 
                  </script> 
        </logic:equal> 
        <logic:equal name= "Record" value= "U"> 
                  <script language="JavaScript" type="text/JavaScript">
                            alert( "修改成功! "); 
                  </script> 
        </logic:equal> 
       <logic:equal name= "Record" value= "D"> 
                  <script language="JavaScript" type="text/JavaScript">
                            alert( "删除成功! "); 
                  </script> 
        </logic:equal> 
</logic:notEmpty> 
<TABLE cellspacing="1" class="tb_datalist" id="table1">
<TR align="right">
<TD colspan="1" nowrap class="td_tail">
<INPUT class=button type=button onClick="javascript:add();" value=新建>
<INPUT class=button type=button onClick="javascript:modify();" value=修改>
<INPUT class=button type=button onClick="javascript:del();" value=删除>
<INPUT class=button type=button onClick="javascript:print();" value=打印报表>
</TD>
</TR>
</TABLE>
<TABLE cellspacing="1" class="tb_datalist" id="table1" width="1394" height="82">
<THEAD>
<TR class="tr_title">
<td align="center">选择</td>
<td align="center">序号</td>
<TD align="center">部门ID号</TD>
<TD align="center">部门编号</TD>
<TD align="center">部门名称</TD>
</TR>
    </THEAD>
<TBODY id=defTblBdy>
<logic:iterate id="departMentList2" name="departmentList" scope="request" indexId="indexId">
<tr align="center" class="tableListContent">
<td align="center"><input type="checkbox"  name="checkbox" onclick="SelectCheckbox()" value="${departMentList2.departmentID}"/></td>
<td>

<bean:write name="indexId"/>
</td>
<td>
 ${departMentList2.departmentID}
</td>
<td>
${departMentList2.departmentID}
</td>
<td>
${departMentList2.departmentName}
</td>
</tr>
</logic:iterate>
</TBODY>
</TABLE></html:form>

Answer 3

比如你onclick如何能选中一条数据的ID号呢，或者程序它会自己判断你鼠标移动到哪条记录呢？？？

Answer 4

建议使用jquery，这样操作dom元素更方便下面代码基于jquery$(document).ready(function(){
//所有的class为tableListContent的tr加上click事件
$("tr.tableListContent").click(function(){
  $(this).find("input").attr("checked",true);//打勾   
  $(this).find("td").css("background-color","red");//改变背景色
});
});