2008年10月22日 星期三

Mouse Over 的效果

Script:
$(document).ready(function(){
 //當id為tdata,tr的id開頭不等於line,當滑鼠移到時加入class,離開時移除class
 $("#tdata tr:not([id^='line'])").hover(
  function () {$(this).addClass("class_01");},
  function () {$(this).removeClass("class_01");}
 );
});

Html:
<table border="1" id="tdata">
 <tr id="line" class="class_02">
  <td>欄位</td>
 </tr>
 <tr>
  <td>資料</td>
 </tr>
</table>

沒有留言: