日期:2014-05-17 浏览次数:20773 次
var S={
tempColorValue: { sBgColor: null, item_id: null, sColor: null, tempButtonBgColor: null },
changeBgColor: function(obj) { /*鼠標經過時的背景色*/
if (obj.id != this.tempColorValue.item_id) {
this.tempColorValue.sBgColor = obj.style.backgroundColor;
this.tempColorValue.sColor = obj.style.color;
obj.style.cursor = "pointer";
obj.style.backgroundColor = "#d0f3ff";
}
},
clearBgColor: function(obj) { /*鼠標離開后的背景色*/
if (obj.id != this.tempColorValue.item_id) {
obj.style.backgroundColor = this.tempColorValue.sBgColor;
obj.style.color = this.tempColorValue.sColor;
}
},
setBgColor: function(obj) { /*設置當前元素的背景色*/
obj.style.backgroundColor = "#3E94F1";
obj.style.color = "#fff";
var item_id = this.tempColorValue.item_id;
if (item_id != null) {
$(item_id).style.backgroundColor = this.tempColorValue.sBgColor; ;
$(item_id).style.color = this.tempColorValue.sColor;
}
if (item_id == obj.id) {
this.tempColorValue.item_id = null;
}
else {
this.tempColorValue.item_id = obj.id;
}
}
}
function Show(obj){
var url = "xxx.aspx?a="+obj;
window.showModalDialog(url,"","");
}
------解决方案--------------------
参照
http://dotnet.aspx.cc/file/Change-GridView-Row-Background-Color-When-Click-Row.aspx
做法类似
------解决方案--------------------
/// <summary>
/// 双色表格以及光棒效果
/// </summary>
/// <param name="o">GridView的ID</param>
/// <param name="a">1 3 5 7 9 单行背景颜色</param>
/// <param name="b">2 4 6 8 10 双行背景颜色</param>
/// <param name="c">onmouseover 鼠标移动单个表格的颜色</param>
function senfe(o, a, b, c)
{
var t = document.getElementById(o)
if (t != null)
{
t = t.getElementsByTagName("tr");
for (var i = 1; i < t.length; i++)
{
t[i].style.backgroundColor = (t[i].sectionRowIndex % 2 == 0) ? a : b;
t[i].onclick = function()
{
this.x = "0";
this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
}
t[i].onmouseover = function()
{
if (this.x != "1")
this.style.backgroundColor = c;
}
t[i].onmouseout = function()
{
if (this.x != "1")
this.style.backgroundColor = (this.sectionRowIndex % 2 == 0) ? a : b;
}
}
}
}
//senfe("g1","#ECF9FC","#FFFFFF","#D6F1F8"); 调用
------解决方案--------------------
楼主在否 我写了段JS给你用