wordpress CMS主题 微信
Home > PHP开发 > 鼠标移到表格哪行哪就变颜色

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

高时银博客 PHP开发 点击: 1,382 次 0 0
  • 标签: |
  • 前面我们实现了每行不同颜色的表格,更方便了客户使用。

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

    这里,我们要用到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>


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

    目前还没有评论。赶快来坐沙发吧。

    发表评论