1. 程式人生 > >報表滑鼠選中當前行變色

報表滑鼠選中當前行變色

需求描述:
  
當資料列很多的時候一般會有滾動條出現來拖動進行檢視記錄,這樣會出現一種情況當拖動很長的時候不知道是哪條記錄了,用我們的報表雙向鎖定表頭可以做到,同樣當我們滑鼠移動到某條記錄上的時候整個一行加色也可以做到。
處理方式如下:
在jsp頁面加上一段js和css就可以程式碼如下:
<style id="report2_style">
 .report1_2 { text-align:left;vertical-align:middle;font-family:Dialog;font-size:12px;color:#000000;font-weight:normal;font-style:normal;text-decoration:none;border-left-style:solid;border-left-width:1px;border-left-color:#000000;border-top-style:solid;border-top-width:1px;border-top-color:#000000;border-right-style:solid;border-right-width:1px;border-right-color:#000000;border-bottom-style:solid;border-bottom-width:1px;border-bottom-color:#000000;word-break:keep-all;}
</style>

<scriptlanguage="javascript">
function changeStyle(obj)
{
   var row = obj.parentNode;
   for(var i=0;i<row.cells.length;i++)
   {

     row.cells[i].className='report1_2';
   }
   row.style.background ='#0099ff';
}
function changeBackStyle(obj)
{
   var row = obj.parentNode;
   for(var i=0;i<row.cells.length;i++)
   {
      row.cells[i].className='report1_1';
   }
}
</script>

最終效果