隔行变色有很多中方法来实现,之前我都是直接将判断代码写在程序中,今天我们来使用jQuery实现,代码奉上~ jQuery代码:代码如下: $(function(){ var item = $("tr"); for(var i=0;i<item.length;i++){ if(i%2==0){ item[i].style.backgroundColor="#888"; } } //$("#tb tbody tr:even").css("backgroundColo...
获得网页的背景色和字体颜色,方法如下: 思想: 通过取得颜色属性值得到的是 rgb 色,不是我们想要的,所以需要将 rgb 色装换为 十六进制色 ,首先获得rgb色 : 代码如下:var rgb = document.getElementById(color).style.backgroundColor; 得到格式如下: rgb(225, 22, 23); 然后进行拆分: 代码如下:var rgb = rgb.split(()[1]; //拆分后为 [rgb, 225,22,23)]形式,长度为2的数组 再将 (225,22,23)字符串进行拆分(注意:...
id为tr的ID 设置当前选择行背景色,同时置其他行背景为另一种颜色 代码如下:$(#id).css("background-color", "#e5e5e5").siblings().css("background-color", "#FFFFFF");
代码如下:<html> <script> //点击当前选中行的时候设置当前行的颜色,同时恢复除当前行外的行的颜色及鼠标事件 function selectRow(target) { var sTable = document.getElementById("ServiceListTable") for(var i=1;i<sTable.rows.length;i++) //遍历除第一行外的所有行 { if (sTable.rows[i] != target) //判断是否当前选定行 { sTable.rows[i].bgColor = "#ffffff"; //设置背景...
代码如下:<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>JavaScript</title> </head> <body> <script language="javascript"> var n = 0; function showTable(len) { wi('<table border="1" width="300" style="border-collapse:collapse"><tbody id="table">'); for (i=0;i<len;i++) { if (parseInt(i%2)==1) { bg = '#F4FAC7'; } else { bg = 'wh...
我先把CSS样式放出来,其实这个可以直接忽略 代码如下:body{margin:0;padding:0;font-size:12px;font-family:微软雅黑;} .datagrid{width:100%;} .datagird tr th{background-color:#191970; font-size:14px;} .datagrid tr th, .datagrid tr td{border:1px solid #ccc; border-collapse:collapse;} /* 选中行样式 */ .table-row-selected{background:#fff68f;} 我们再来看页面HTML结构 代码如下:<div id="page"> <table class=...
用jquery如何实现点击一栏目实现栏目变色,再点击另一栏目也变色,但原来的变回原色,我有个数组a(1,2,3,我循环遍历输出a的值。 代码如下:<ul> <li><a onclick="show();"><b>a[0]<b><a></li> <li><a onclick="show();"><b>a[1]<b><a></li> <li><a onclick="show();"><b>a[2]<b><a></li> 点击1,1变色,点击2,2变色,但1会变回原来的颜色.我show方法实现了其他的功能. 下面是我初试的代码: HTML code: 代码如下:<style type="...
HTML部分代码: 代码如下:<ul> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> <li>鼠标经过时改变背景色</li> </ul> javascript部分代码: 当鼠标经过时,给li添加class="current"类,鼠标离开时,去除该类,达到改变背景色的目的 代码如下:window.onload = function() { var lis = document.getElementsByTagName("li"); for (var i=0; i<lis.length; i++) { lis[i].onmouseove...
上代码: Demo #div1 { padding: 10px; width: 380px; height: 205px; background: url(/upload/201007/20100713220102894.jpg); } #div2 { color: #FFF; font-size: 40px; font-weight: bold; text-align: center; height: 205px; line-height: 205px; background: rgba(125, 0, 0, .3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4B7D0000 ,endColorstr=#4B7D0000); } Hello world! ...
后台代码 代码如下:/// <summary> /// 数据行绑定事件 /// </summary> /// <param name="sender"></param> /// <param name="e"></param> protected void gvProduct_RowDataBound(object sender, GridViewRowEventArgs e) { try { if (e.Row.RowType == DataControlRowType.DataRow ) { GridViewRow row = e.Row; CheckBox ckb = row.Cells[0].FindControl("ckb") as CheckBox; Label ProductID = row.Cells[0].FindControl("lblP...
这个效果前些日子有人在论坛问起,今天有空研究了下。我打了原创标记,因为我在写这个方法时的确没有参考过别人的代码。我的方法其实就是层遮罩加ALPHA滤镜实现预期效果。提示信息框 a{ color:#000; font-size:12px;text-decoration:none} a:hover{ color:#900; text-decoration:underline} body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); ov...
无标题文档 .menu td{ font-size:12px; color:white; font-weight:bold; background-color:#336699; border:1px solid #336699; border:1px solid #336699; filter:blendtrans(duration=1); text-align:center;} function showfilter(obj){ var tds=obj.getElementsByTagName("td"); for(var i=0;i 1111111111111 2222222222222 3333333333333 4444444444444 5555555555555 6666666666666 77777777777777 888888888...
这个效果前些日子有人在论坛问起,今天有空研究了下。我打了原创标记,因为我在写这个方法时的确没有参考过别人的代码。我的方法其实就是层遮罩加ALPHA滤镜实现预期效果。提示信息框 a{ color:#000; font-size:12px;text-decoration:none} a:hover{ color:#900; text-decoration:underline} body{background:;filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#ffffff,endColorStr=#003366); ov...
加上鼠标点击选择(其实只是点击后变个颜色,“选择”这个词在这里不合适),顺便把这个直接应用到GridView上,如果是其他的控件,或者直接的HTML,稍加修改也可以用上,这里仅提供一个思路。虽然GridView使用AlternatingRowStyle提供了交替行背景色的问题,但这个东西用着实在不爽,看它生成到HTML的那个table,那叫一个乱啊。 下面是代码,注释应该还算比较详细,比较适合初学者,可以把下面两个文件的代码直接复制到你的项目中直...
例如选中个人资料,个人资料背景色变成橙色,选中修改密码时背景色变成橙色,个人资料背景色消失。 上代码 我的发布 全部信息 显示中的信息 审核中的信息 已删除的信息 卖家交易 我的订单 退款管理 管理账户 个人资料 修改密码 回复讨论(解决方案) 你的需求选中如果代表的是点击的话,那么是必须用到js的,因为css没有判断是不是点击的部分,但如果是鼠标移动到选项代表选中的话,那...