一種表格背景色漸變效果的實現

2019-11-21 02:18:28

字體：大中小

來源：轉載

供稿：網友

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>無標題文檔</title> <style> .menu td{ font-size:12px; color:white; font-weight:bold; background-color:#336699; border:1px solid #336699; border:1px solid #336699; filter:blendtrans(duration=1); text-align:center;} </style> <script language="javascript" type="text/javascript"> function showfilter(obj){  var tds=obj.getElementsByTagName("td");  for(var i=0;i<tds.length;i++)   {with(tds[i])   {onmouseover=function(){with(this){filters[0].apply();      style.color='black';      style.border='1px solid white';      style.background='#66ccff';      filters[0].play();}}    onmouseout=function(){with(this){filters[0].apply();      style.color='white';      style.border='1px solid #336699';      style.background='#336699';      filters[0].play();}}      }}} </script> </head> <body> <table width="500" border="1" cellspacing="1" cellpadding="1" class="menu" id="xmenu">   <tr>     <td height="30">1111111111111</td>   </tr>   <tr>     <td height="30">2222222222222</td>   </tr>   <tr>     <td height="30">3333333333333</td>   </tr>   <tr>     <td height="30">4444444444444</td>   </tr>   <tr>     <td height="30">5555555555555</td>   </tr>   <tr>     <td height="30">6666666666666</td>   </tr>   <tr>     <td height="30">77777777777777</td>   </tr>   <tr>     <td height="30">88888888888888</td>   </tr>   <tr>     <td height="30">99999999999999</td>   </tr> </table> <script>showfilter(xmenu);</script> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：一組單選按鈕radio如何進行控制

下一篇：用JS獲得表格當前行數的代碼