<ItemTemplate>
                <tr class="tr_Item" style="<%#eva l("Red")%>">
                    <td><%#eva l("UserName") %></td>
                    <td><%#eva l("PassWord") %></td>
                    <td><%#eva l("NickName") %></td>
                    <td><%#eva l("SexStr") %></td>
                    <td><%#eva l("BirthdayStr") %></td>
                    <td><%#eva l("Age") %></td>
                    <td><%#eva l("NationName") %></td>
                </tr>
            </ItemTemplate>

<style type="text/css">
        #tb1 {
            width: 100%;
            background-color: navy;
            text-align: center;
        }

        #tr_head {
            color: white;
        }

        .tr_Item {
            background-color: white;
        }

        .tr_Item2 {
            background-color: #e0e0e0;
        }
    </style>
    <script type="text/java script">
        window.onload = function () {
            var items = document.getElementsByClassName("tr_Item");
            var oldColor = "";
            for (var i = 0; i < items.length; i++) {
                items[i].onmouseover = function () {
                    oldColor = this.style.backgroundColor;
                    this.style.backgroundColor = "yellow";
                };
                items[i].onmouseout = function () {
                    this.style.backgroundColor = oldColor;
                };

            }


        };
    </script>