|
鼠標(biāo)移至表格中某一行時(shí)，此行高亮顯示。用Javascript實(shí)現(xiàn)的。ASP.NET和JAVA平臺(tái)都能使用，比較方便。試驗(yàn)了半天。如下代碼： <html> <head> <title>鼠標(biāo)移至表格中某一行時(shí)，此行高亮顯示</title> </head> <body> <table id="tb1"> <tr> <td>a</td><td>b</td><td>c</td> </tr> <tr> <td>a</td><td>b</td><td>c</td> </tr> <tr> <td>a</td><td>b</td><td>c</td> </tr> <tr> <td>a</td><td>b</td><td>c</td> </tr> <tr > <td>a</td><td>b</td><td>c</td> </tr> </table> <script> var c; var table1 = document.getElementById("tb1"); var rows =table1.getElementsByTagName('tr'); alert(rows.length); for(var i=0;i<rows.length;i++) { var row = rows[i]; row. = function() {c=this.style.backgroundColor;this.style.backgroundColor='red';} row. = function(){this.style.backgroundColor=c;} } </script> </body> </html> 可能有些朋友要用這種寫(xiě)法：
row.setAttribute("onMouseOver","c=this.style.backgroundColor;this.style.backgroundColor='red'"); 但是微軟的IE對(duì)DOM的setAttribute方法支持不好,用這種寫(xiě)法寫(xiě)了以后沒(méi)效果，可能在FireFox和谷歌瀏覽器中會(huì)成功。我剛剛試驗(yàn)了半天。那個(gè)郁悶哦...還好最后查到用這種寫(xiě)法成功了。大家可以參考一下： row. = function() {c=this.style.backgroundColor;this.style.backgroundColor='red';} 其中c這個(gè)變量時(shí)用來(lái)存放原始的backgroundColor，最后onmouseout的時(shí)候，要用c這個(gè)變量里面的值還原初始的backgroundColor。 轉(zhuǎn)載：
|
|
|
來(lái)自： ylzrx > 《軟件設(shè)計(jì)》
