repeater如何获取焦点 在线等解答。。。。急 急 急..

如题.... 我用repeater绑定 数据 现在想做一个事情 就是 鼠标滑过 或是 点击某一行得随便哪个位置  那么这行就变颜色,重点（选中某一行后 键盘的上下键能 上下选中 比方说选中 B行 按下 键盘的上 就是A行变颜色）.......求解

解决方案 »

  1.   

    直接在行里加上onmouseover事件改变样式就行了！
      

  2.   

    onmouseover事件 可以实现你那个变颜色
      

  3.   

    你说的是光棒效应把<ItemTemplate>
                        <tr onmouseover="style.background='#ecf5fe'" onmouseout="style.background='#FFFFFF'">
                            <td width="30%" align="left">
                                <a href="../Research/Cooperate/Cooperate_Fun.aspx?COOPERATE_ID=<%#Eval("COOPERATE_ID")%>"
                                    title='<%#Eval("NAME").ToString() %>'>
                                    <%#UIHelper.FormatContent( Eval("NAME").ToString(),12)%></a>&nbsp;
                            </td>
                            <td width="20%" align="left" class="hui12">
                                <label title='<%#Eval("COOPERATE_TYPE_NAME").ToString() %>'>
                                    <%# UIHelper.FormatContent(Eval("COOPERATE_TYPE_NAME"),8)%></label>&nbsp;
                            </td>
                            <td width="20%" align="left" class="hui12">
                                     <a href="/Portal/User/UserInfo.aspx?ID=<%#Eval("CREATE_USERID") %>" target="_blank" title="<%#UIHelper.GetUserName(Eval("CREATE_USERNAME"), Eval("USER_NICKNAME"))%>">
                                <%#UIHelper.GetUserName(Eval("CREATE_USERNAME"), Eval("USER_NICKNAME"))%></a>&nbsp;
                            </td>
                            <td width="22%" align="left" class="hui12">
                                <%#UIHelper.GetString(Eval("NAME")).Length > 0 ? UIHelper.GetDateTime(Eval("CREATE_TIME")).ToShortDateString() : ""%>&nbsp;
                            </td>
                        </tr>
                    </ItemTemplate>
      

  4.   

    那就再加onkeydown事件改变样式
      

  5.   

    你可以通过onkeydown事件改变鼠标位置来实现
      

  6.   

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title>无标题页</title>
        <script type="text/javascript" src="js/jquery-1.3.2.min.js"></script>
        <script type="text/javascript">
            var index=-1,len;
            $(document).ready(function(){
                len=$("#tb tr").length;
                $("#tb tr").click(function(){
                    $(this).siblings().css("backgroundColor","");
                    $(this).css("backgroundColor","red");
                    index = $(this).parent().find("tr").index($(this));
                })
                $("body").keydown(function(e){
                    e=e||window.event;
                    var keyCode = e.keyCode||e.which||e.charCode;
                    switch(keyCode){
                        case 38://上
                            if(index<=0)
                                index=len;
                            changeBgColor(--index);
                            break;
                        case 40://下
                            if(index>=len-1)
                                index=-1;
                            changeBgColor(++index);
                            break;
                    }
                })
            })
            function changeBgColor(i){
                $("#tb tr").css("backgroundColor","");
                $("#tb tr").eq(i).css("backgroundColor","red")
            }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
            <table id="tb">
            <asp:Repeater ID="Repeater1" runat="server">
            <ItemTemplate>
                <tr>
                    <td><%#Eval("ID") %></td>
                    <td><%#Eval("Name") %></td>
                </tr>
            </ItemTemplate>
            </asp:Repeater>
            </table>
            
        </div>
        </form>
    </body>
    </html>