读书人

C#第一回遇到Css和addClass

发布时间: 2013-03-10 09:38:39 作者: rapoo

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里

读书人网 >C#

热点推荐