【實例代碼】html xmlns=http://www。w3。org/1999/xhtml head title無標題頁-學無憂(www。xue51。com)/titlescript language=javascript var searchResult=new Array();//鼠標滑過時顯示背景色 //改變背景色和邊框顏色的方法function colorChange(table,color,color2){table。

style。borderColor=color;table。style。backgroundColor=color2;}//鼠標移動過來后，更改顏色function colorChange_on(e){if (document。all)source1=event。

srcElementelse if (document。getElementById)source1=e。target;if (source1。id==mytable){colorChange(source1,#999999,#F8F8F6);}else{while(source1。

tagName!=TABLE){source1=document。getElementById? source1。parentNode : source1。parentElement;if (source1。id==mytable)colorChange(source1,#999999,#F8F8F6);}}} //鼠標移走后，將顏色設置為白色function colorChange_off(e){if (document。

all)source2=event。srcElementelse if (document。getElementById)source2=e。targetif (source2。id==mytable)colorChange(source2,white,white)else{while(source2。

tagName!=TABLE){source2=document。getElementById? source2。parentNode : source2。parentElementif (source2。

id==mytable)colorChange(source2,white,white)}}} /script需要在body中添加表格，并調用上面的方法，代碼如下所示：/headbody table width=80% border=0 onMouseOver=colorChange_on(event) onMouseOut=colorChange_off(event) id=mytable TR TD鼠標移動/TD TD鼠標移動/TD /TR TR TD鼠標移動/TD TD鼠標移動/TD /TR TR TD鼠標移動/TD TD鼠標移動/TD /TR TR TD鼠標移動/TD TD鼠標移動/TD /TR/table/body/html。

全部

總結

以上是生活随笔為你收集整理的html选中后当前变色,JS代码实现表格选中后变色操作有哪些代码？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。