HTML——JAVASCRIPT——光棒效果
光棒效果：建立一个表格，鼠标放到哪一行，哪一行的颜色就改变，鼠标离开那一行，那一行的颜色就恢复到原来的颜色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head> <body> <table width="700" border="1" cellspacing="0" cellpadding="0"> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> <tr onmouseover="shangqu(this)" onmouseout="likai(this)" bgcolor="#FFFF66"> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> <td height="30"> </td> </tr> </table> </body> <script type="text/javascript"> function shangqu(a) { a.style.backgroundColor="red"; } function likai(b) { b.style.backgroundColor="#FFFF66"; } </script> </html>
