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里