温柔网

 找回密码
 注册
温柔网 文章 电脑技巧 常用软件 查看内容

当鼠标移动到表格上时,表格背景色改变

2010-6-6 19:34| 发布者: 温柔幻刀| 查看: 182| 评论: 0

摘要:   在网页的 body/body 之间放如下代码即可实现: script language="javascript" !-- function mOvr(src,clrOver) { if(!src.contains(event.fromElement)) {src.style.cursor='hand'; src.bgColor = clrOver; ...
  在网页的 <body></body> 之间放如下代码即可实现:
     <script language="javascript">
     <!--
     function mOvr(src,clrOver)
     { 
     if(!src.contains(event.fromElement))
     {src.style.cursor='hand';
     src.bgColor = clrOver;
     }
     }
     function mOut(src,clrIn)
     { 
     if(!src.contains(event.toElement))
     {src.style.cursor='default'; 
     src.bgColor=clrIn; }
     } 
     function mClk(src)
     { //执行单元格中的链接
     if(event.srcElement.tagName=='TD')
     {src.children.tags('A')[0].click();}
     }
     //-->
     </script>
     <table border="1" align=center>
     <tr>
     <td align="middle" height="17" onclick="mClk(this);" onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">
     <a href="http://100000.home.sohu.com" target="_blank" class="nav">链接变色</a>
     </td>
     </tr>
     <tr>
     <td onmouseout="mOut(this,'#0aac9d');" onmouseover="mOvr(this,'#a1bbe8');">无链接变色</td>
     </tr>
     </table>

最新评论

    24小时排行

      QQ|Archiver|手机版|小黑屋|温柔网 ( 浙ICP备13033583号-8 )

      GMT+8, 2026-4-18 06:19 , Processed in 0.027405 second(s), 21 queries .

      Powered by Discuz! X3.4

      Copyright © 2001-2021, Tencent Cloud.

      返回顶部