zoukankan
html css js c++ java
JQuery实现表格隔行换色,鼠标移动变色,点击选择变色
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
"
>
<
html xmlns
=
"
http://www.w3.org/1999/xhtml
"
>
<
head runat
=
"
server
"
>
<
title
>
无标题页
</
title
>
<
script language
=
"
javascript
"
type
=
"
text/javascript
"
src
=
"
jquery.js
"
></
script
>
<
script language
=
"
javascript
"
type
=
"
text/javascript
"
>
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
>
<
form id
=
"
form1
"
runat
=
"
server
"
>
<
div
>
&
nbsp;
<
asp:TextBox ID
=
"
TextBox1
"
runat
=
"
server
"
></
asp:TextBox
>
<
asp:Button ID
=
"
Button2
"
runat
=
"
server
"
Text
=
"
Button
"
/>&
nbsp;
<
br
/>
<
br
/>
<
br
/>
<
asp:Button ID
=
"
Button1
"
runat
=
"
server
"
Text
=
"
Button
"
/><
asp:GridView ID
=
"
GridView1
"
runat
=
"
server
"
AutoGenerateColumns
=
"
False
"
DataSourceID
=
"
SqlDataSource1
"
EmptyDataText
=
"
没有可显示的数据记录。
"
>
<
Columns
>
<
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
>
qishichang
查看全文
相关阅读:
ligerui_ligerTree_007_ligerTree动态加载节点
ligerui_ligerTree_006_ligerui事件支持
ligerui_ligerTree_005_动态增加“树”节点
ligerui_ligerTree_004_对"ligerTree"节点操作
ligerui_ligerTree_003_配置url参数,加载“树”
ligerui_ligerTree_002_利用JavaScript代码配置ligerTree节点
ligerui_ligerTree_001_第一个“树”效果
ligerui_实际项目_003:form中添加数据,表格(grid)里面显示,最后将表格(grid)里的数据提交到servlet
ligerui+json_002_Grid用法、属性总结
ligerui+json_001_实现表格(grid)的后台数据显示、分页
原文地址:https://www.cnblogs.com/qishichang/p/1339328.html
最新文章
ASP.NET 操作Cookie详解 增加,修改,删除
NHibernate 中删除数据的几种方法
C# 字符串格式化
程序员都该阅读的书
编程之路
给明年依然年轻的我们:欲望、外界、标签、天才、时间、人生目标、现实、后悔、和经历
zepto.js
angular js的坑
对象创建及继承
angular js中文教程笔记
热门文章
angular js权威指南笔记五--模块加载、多重视图和路由
面试题
angular js权威指南笔记四--内置指令
angular js权威指南笔记三--向指令中传递数据
angular js权威指南笔记
mouseenter与mouseover
sqlserver搜索中怎么把varchar类型转换成numeric类型
sql server还原注意事项
存储过程优缺点总结
SQL Server char,varchar,nchar,nvarchar区别
Copyright © 2011-2022 走看看