用样式实现DataGrid数据行颜色改变


None.gif < asp:DataGrid  id ="DataGrid1"   runat ="server"  CssClass ="small" ></ asp:DataGrid >

样式
ExpandedBlockStart.gif ContractedBlock.gif .small   {dot.gif} { font-size: 9pt; weaver:expression(highlight(this))}

JavaScript
None.gif          < script language = " javascript " >
None.gif        
function  highlight(obj)
ExpandedBlockStart.gifContractedBlock.gif        
dot.gif {
InBlock.gif            
var hightlightBgColor = '#d6d6d6';
InBlock.gif            obj.onmouseover 
= function()
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                
var o = event.srcElement;
InBlock.gif
InBlock.gif                
if(o.tagName=="TD")
ExpandedSubBlockStart.gifContractedSubBlock.gif                
dot.gif{
InBlock.gif                    
with(o.parentElement)
ExpandedSubBlockStart.gifContractedSubBlock.gif                    
dot.gif{
InBlock.gif                        style.backgroundColor 
= hightlightBgColor;
ExpandedSubBlockEnd.gif                    }

ExpandedSubBlockEnd.gif                }

ExpandedSubBlockEnd.gif            }

InBlock.gif    
InBlock.gif            obj.onmouseout 
= function()
ExpandedSubBlockStart.gifContractedSubBlock.gif            
dot.gif{
InBlock.gif                
var o = event.srcElement;
ExpandedSubBlockStart.gifContractedSubBlock.gif                
if(o.tagName=="TD")dot.gif{o.parentElement.style.backgroundColor = '';}
ExpandedSubBlockEnd.gif            }

ExpandedBlockEnd.gif        }

None.gif        
</ script >

转载于:https://www.cnblogs.com/timsoft/articles/412265.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值