在repeater控件中，如何实现光棒效果

[3721_zcx]

想在列表中实现光标效果，但是Repeater控件中并没有Attribute属性，需要请教各位如何修改此代码。

        protected void rptRoomInfo_ItemDataBound(object sender, RepeaterItemEventArgs e)
        {
            //光棒效果
            if (e.Item.ItemType == ListItemType.Item)
            {
                e.Item.Attributes.Add("onmouseover", "on=this.style.backgroundColor;this.style.backgroundColor='#99CCFF'");
                e.Item.Attributes.Add("onmouseout", "this.style.backgroundColor = on");

            }
        }

[宇哥_]

js+jquery。。。

[by_封爱]

               $("#g1 tr").mouseover(function() {
                    $(this).addClass("over");
                }) .mouseout(function() {
                    $(this).removeClass("over");
                })

.over{background-color:#FEFDE9}

直接就用GridView不好吗?? 非得repeter+table才算好?? 然后口口声声说 repeter效率高?

[3721_zcx]

引用 3 楼 lvxinyi123 的回复:

以上代码你复制过去即可

这次因为主要是为了在Repeater中简单的实现，所以你的这个我暂时无法用上哦。 依旧很感谢您的帮助， 呵呵，还细心的写了那么长，那么详细，非常感谢。

[3721_zcx]

引用 7 楼 jimil 的回复:

http://blog.csdn.net/jimil/article/details/25287567 随手写了个。

嗯，写得挺简洁明了的，非常感谢！

[3721_zcx]

[quote=引用 8 楼 happytonice 的回复:] <ItemTemplate> <tr onmouseover="javascript:this.style.backgroundColor='#f00'" onmouseout="javascript:this.style.backgroundColor='#fff'"> <td><%#Eval("roomNumber") %></td> </tr> </ItemTemplate> happytonice, thanks a lot

[头像即本人_敲代码很累]

jquery+CSS 以下是我写的实现的

<script src="Script/jquery-1.10.2.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            $("#Table01 tr:odd:not(.TableHeader)").addClass("OddRow");
            $("#Table01 tr:even:not(.TableHeader)").addClass("EvenRow");
            $("#Table01 tr:not(.TableHeader)").hover(function () { c1 = $(this).attr("class"); $(this).addClass("RedRow") }, function () { $(this).removeClass("RedRow"); $(this).addClass(c1) })

        
        })
        
    </script>
    <style type="text/css">
        .style1
        {
            width: 230px;
        }
       .OddRow{ background-color:#FEFDE9}
       .EvenRow{ background-color:#ECFFEC}
       .TableHeader{ background-color:#F9F9F9}
       .RedText{ font-weight:bold; color:Red}
       .GreenText{ color:green}
       .BlueText{ color:Blue}
       .RedRow{ background-color:Gray}
    </style>

[头像即本人_敲代码很累]

以上代码你复制过去即可

[jimil]

在<ItemTemplate>直接写 onmouseover="javascript:this.style.backgroundColor='Blue';" onmouseout="javascript:this.style.backgroundColor='#FFFFFF';"

[happytonice]

类似： <ItemTemplate> <tr onmousemove="overBg()" onmouseout="outBg()"><td>哈哈哈哈</td></tr> </ItemTemplate>

[3721_zcx]

引用 4 楼 jimil 的回复:

在<ItemTemplate>直接写 onmouseover="javascript:this.style.backgroundColor='Blue';" onmouseout="javascript:this.style.backgroundColor='#FFFFFF';"

谢谢您的回复， 但是是我哪儿写错了的原因吗，我这边一直无法实现。 网上也有好多答案与您的答案类似，但是试过了都无效。

<ItemTemplate>
     <tr onmouseover="javascript:this.style.backgroundColor='#000'"  onmouseout="javascript:this.style.backgroundColor='#fff'">
         <%--onmouseover="this.style.backgroundColor='#000'" onmouseout="this.style.backgroundColor='#fff'"--%>
          <%--<td><asp:Label ID="lblRoomID" runat="server" Text='<%#Eval("roomID") %>'></asp:Label></td>--%>
          <td><asp:Label ID="lblRoomNumber" runat="server" Text='<%#Eval("roomNumber") %>'></asp:Label></td>
           <td><asp:Label ID="lblTypeName" runat="server" Text='<%#Eval("typeName") %>'></asp:Label></td>
           <td><asp:Label ID="lblBedNumber" runat="server" Text='<%#Eval("bedNumber") %>'></asp:Label></td>
           <td><asp:Label ID="lblGuestNumber" runat="server" Text='<%#Eval("guestNumber") %>'></asp:Label></td>
           <td><asp:Label ID="lblDescription" runat="server" Text='<%#Eval("description") %>'></asp:Label></td>
           <td><asp:Label ID="lblState" runat="server" Text='<%#Eval("state") %>'></asp:Label></td>
           <td><a href="EditRoomInfo.aspx?roomID=<%# Eval("roomID") %>&key=1"><img src="Images/edit.gif" /></a> | 
                            <asp:ImageButton ID="imgbtnDelete" CommandName="del" CommandArgument='<%#Eval("roomID") %>' OnClientClick='return confirm("确定要删除吗？")' runat="server" ImageUrl="~/Images/delete.gif" />
      </tr>
</ItemTemplate>

我将我的代码贴出来，麻烦您帮我看看

[jimil]

http://blog.csdn.net/jimil/article/details/25287567 随手写了个。

[happytonice]

<asp:Repeater ID="Repeater1" runat="server"> <HeaderTemplate> <table> </HeaderTemplate> <ItemTemplate> <tr onmouseover="javascript:this.style.backgroundColor='#f00'" onmouseout="javascript:this.style.backgroundColor='#fff'"> <td><%#Eval("roomNumber") %></td> </tr> </ItemTemplate> <FooterTemplate> </table> </FooterTemplate> </asp:Repeater>