日期:2014-05-17  浏览次数:20883 次

C#,第一次遇到Css和addClass
1、<style type="text/css">  .rowOver{ background-color:Yellow} //css定义.  .rowOut{ background-color:White} </style> <script type="text/javascript">  $(function () {   $("#rowPerson tr").mouseover(function () {    $(this).addClass("rowOver");    $("#rowPerson tr").not($(this)).removeClass("rowOver").addClass("rowOut");   })  }) </script> 

2、<div  id="rowPerson"> //div层下的Repeater.    <asp:Repeater ID="Repeater1" runat="server" DataSourceID="ObjDataSrc"> <HeaderTemplate><table><tr><td>用户名</td><td>年龄</td></tr></HeaderTemplate> <ItemTemplate><tr ><td><%#Eval("FName") %></td> <td><%#Eval("FAge") %></td></tr></ItemTemplate> <FooterTemplate></table></FooterTemplate> </asp:Repeater> </div>

//需要很简单:鼠标在行上时显示黄色背景,疑问,代码"1"中这样是黄色一闪而过的;而如果变成:$(this)css("background","Yellow"); $("#rowPerson tr").not($(this)).css("background","White"); 也可以好好的。奇怪了。 

------解决方案--------------------
$("#rowPerson tr").mouseover(function () {  
当鼠标指针位于元素上方时时,改变元素的背景色
而在这个涵数里面 有 $(this).addClass("rowOver");    
$("#rowPerson tr").not($(this)).removeClass("rowOver").addClass("rowOut");

你把 $("#rowPerson tr").not($(this)).removeClass("rowOver").addClass("rowOut"); 放在涵数外面试试
------解决方案--------------------
$("#rowPerson tr").not($(this)).removeClass("rowOver").addClass("rowOut");
放在onmouseout里