国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > .NET > 正文

Asp.net GridView隔行變色和光棒效果2種方法實現

2020-01-18 00:03:25
字體:
來源:轉載
供稿:網友
方法一:前臺和后臺配合使用
1.aspx 隔行變色屬性(<AlternatingRowStyle BackColor="#f5f5f5" />)
復制代碼 代碼如下:

<asp:GridView ID="gvProjectList" runat="server"
OnRowCreated="gvProjectList_RowCreated">
<AlternatingRowStyle BackColor="#f5f5f5" />
</asp:GridView>

1.aspx.cs 后臺事件中設置鼠標至于某行上的變色效果
復制代碼 代碼如下:

protected void gvProjectList_RowCreated(object sender, GridViewRowEventArgs e)
{
e.Row.Attributes.Add("onmouseover", "currentcolor=this.style.backgroundColor;this.style.backgroundColor='#eaeaea';");//這是鼠標移到某行時改變某行的背景
e.Row.Attributes.Add("onmouseout", "this.style.backgroundColor=currentcolor;");//鼠標移走時恢復
}

方法二:JQuery方式
1.aspx
首先引用 jQuery 函數庫,在http://jquery.com/ 下載,然后寫css樣式,再加入js代碼。
復制代碼 代碼如下:

<script src="jquery-1.5.2.min.js" type="text/javascript"></script>

復制代碼 代碼如下:

<style type="text/css">
.even {
background:#F5F5F5;
}
.odd {
background:#FFFFFF;
}
.over{
background:#CDE6FF;
}
.tr_chouse {
background:#6AB1FF;
}
</style>

復制代碼 代碼如下:

<script type="text/javascript">
$(document).ready(function(){
$(".gridview tr:odd").addClass("odd"); //奇數行設定為 "odd" 樣式
$(".gridview tr:even").addClass("even"); //偶數行設定為 "even" 樣式
$(".gridview tr").mouseover(function(){$(this).addClass("over");}) //當 mouseover 時加入 "over" 樣式
.mouseout(function(){$(this).removeClass("over");}) //當 mouseout 時移除 "over" 樣式
.click(function(){$(this).toggleClass("tr_chouse");}) //當 click 加入或移除 "tr_chouse" 樣式,實現數據列選取
});
</script>

2013年2月18日 13:57:30更新
復制代碼 代碼如下:

<script type="text/javascript">
$(function(){ $(".maingrid_text tr:even").addClass("even"); $(".maingrid_text tr:odd").addClass("odd");
$(".maingrid_text tr").hover(function(){$(this).addClass("table_hover")},function(){$(this).removeClass("table_hover")});
});
function EndRequestHandler(){
$(function(){ $(".maingrid_text tr:even").addClass("even"); $(".maingrid_text tr:odd").addClass("odd");
$(".maingrid_text tr").hover(function(){$(this).addClass("table_hover")},function(){$(this).removeClass("table_hover")});
});
}
function reload(){Sys.WebForms.PageRequestManager.getInstance().add_endRequest(EndRequestHandler);}
$(document).ready(function() { reload(); })
</script>
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 双牌县| 勐海县| 铁岭县| 广德县| 手机| 开平市| 苏尼特左旗| 衢州市| 阳东县| 乳山市| 永嘉县| 漳平市| 波密县| 隆化县| 玉龙| 盈江县| 陈巴尔虎旗| 铁岭县| 临潭县| 徐汇区| 韩城市| 卢龙县| 万山特区| 吉木萨尔县| 五原县| 乌兰县| 辽阳市| 曲阜市| 桓仁| 菏泽市| 永和县| 太仓市| 镇江市| 宁化县| 浦城县| 隆子县| 北票市| 张家口市| 临沂市| 六安市| 福鼎市|