[JS]橫跨五大瀏器皆可使用的onMouserOver&Out

梅干 2008/12/19 1 分鐘閱讀

　　瀏覽表單時，較貼心的設計則會採取灰白相間的色彩，以提高辨視度，但比較麻煩的事，當今天欄位很多時，拖曳下捲抽時，一不小時可能就拉到其它的欄位了，若能讓滑鼠上去時，該列的所有欄位全部變換色彩時，將更有助於瀏覽。

　　雖然onMouseOver以及onMouseOut並不難製作，但若要能在各大瀏覽器正運作時，那就得要花點心思，為了能滿足滿目前各大瀏覽器的所需，因此花了點時間，作了一些修正，讓此事件皆能在IE、Firefox、Safari、Chirome、Opera ……等瀏覽器運作。

onMouseOver&onMouseOut語法：
＜head＞….＜/head＞

function mm(n,m){
	if(m==true){
		document.getElementById(n.id).style.backgroundColor=’#D9E7F0′;
	}else{
		document.getElementById(n.id).style.backgroundColor=”;
	}
}

＜bdoy＞….＜/bdoy＞

<table width="510" border="1" cellspacing="0" cellpadding="0">
	<tr id="tr1" valign="top" onmouseover="mm(this,true);" onmouseout="mm(this,null);">
		<td> </td>
		<td> </td>
		<td> </td>
	</tr>
	<tr id="tr2" valign="top" onmouseover="mm(this,true);" onmouseout="mm(this,null);">
		<td> </td>
		<td> </td>
		<td> </td>
	</tr>
	<tr id="tr3" valign="top" onmouseover="mm(this,true);" onmouseout="mm(this,null);">
		<td> </td>
		<td> </td>
		<td> </td>
	</tr>
</table>

[範例預覽]