• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > PHP开发 > 鼠标移到表格哪行哪就变颜色

    鼠标移到表格哪行哪就变颜色

    作者: 分类:PHP开发 点击: 6,735 次
    wordpress CMS主题:ssmay主题

      前面我们实现了每行不同颜色的表格,更方便了客户使用。

      本节,我们再来实现鼠标移到哪行,哪行变色。

      这里,我们要用到javascript脚本。代码如下:

       

       

       

      <?phpecho "<table border='1' align=center width='800'>";$a=0;

       

      $k=0;

      while($a<100)

      {

      if($a%2==0)

      $col="#cccccc";

      else

      $col="#aaddcc";

       

      echo "<tr onmouseover='show(this)' onmouseout='noshow(this)' bgcolor='".$col."'>"; //this存储这行对象。这里放上鼠标事件代码。

      $b=0;

      while($b<10)

      {

      echo "<td>".$k++."</td>";

      $b++;

      }

      echo "</tr>";

      $a++;

      }

      echo "</table>";

      ?>

      <script>

      var yc=NULL;  //原来颜色变量

      function show(obj)//显示对象,

      {

      yc=obj.style.backgroundColor; //鼠标移上去取原来颜色

      obj.style.backgroundColor="red"; //更换颜色

      }

      function noshow(obj)

      {

      obj.style.backgroundColor=yc; //鼠标离开恢复原来颜色

      }

      </script>



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/7720140115909.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.