JQuery实现表格隔行换色，鼠标移动变色，点击选择变色

最新推荐文章于 2022-08-11 18:03:53 发布

dengqi4009

最新推荐文章于 2022-08-11 18:03:53 发布

阅读量259

点赞数

文章标签： javascript xhtml c# ViewUI

原文链接：http://www.cnblogs.com/qishichang/archive/2008/11/23/1339328.html

版权

Code

<%@ Page Language="C#" AutoEventWireup="true" Codebehind="WebForm1.aspx.cs" Inherits="WebApplication14.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

var color;

$(document).ready(function()

{

$("#GridView1 tr").attr("selected","0");

$("#GridView1 tr:even").not(":first").css("background","red");

$("#GridView1 tr:odd").css("background","yellow");

$("#GridView1 tr").not(":first").click(function()

{

$("#GridView1 tr:even").not(":first").css("background","red");

$("#GridView1 tr:odd").css("background","yellow");

var selected = $(this).attr("selected");

if(selected == 1)

{

$(this).attr("selected","0");

color=$(this).css("background");

}

else

{

$("#GridView1 tr").attr("selected","0");

$(this).attr("selected","1");

$(this).css("background","green");

color=$(this).css("background");

}

}).mouseover(function()

{

color = $(this).css("background");

$(this).css("background","green");

}).mouseout(function()

{

$(this).css("background",color);

});

</script>

</head>

<body>

<div>

 <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>

<asp:Button ID="Button2" runat="server" Text="Button" /> 

<br />

<asp:Button ID="Button1" runat="server" Text="Button" /><asp:GridView ID="GridView1"

runat="server" AutoGenerateColumns="False" DataSourceID="SqlDataSource1" EmptyDataText="没有可显示的数据记录。">

<asp:BoundField DataField="User_id" HeaderText="User_id" SortExpression="User_id" />

<asp:BoundField DataField="User_name" HeaderText="User_name" SortExpression="User_name" />

<asp:BoundField DataField="User_max_borrow" HeaderText="User_max_borrow" SortExpression="User_max_borrow" />

</Columns>

</asp:GridView>

<asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:QIConnectionString1 %>"

ProviderName="<%$ ConnectionStrings:QIConnectionString1.ProviderName %>" SelectCommand="SELECT [User_id], [User_name], [User_max_borrow] FROM [Book_user]">

</asp:SqlDataSource>

</div>

</form>

</body>

</html>

转载于:https://www.cnblogs.com/qishichang/archive/2008/11/23/1339328.html

dengqi4009

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
JQuery实现表格隔行换色，鼠标移动变色，点击选择变色

Code<%@PageLanguage="C#"AutoEventWireup="true"Codebehind="WebForm1.aspx.cs"Inherits="WebApplication14.WebForm1"%><!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitiona...
复制链接

扫一扫