读书人

简易网页光棒成效

发布时间: 2012-11-04 10:42:41 作者: rapoo

简易网页光棒效果

<!-- 光棒效果 --><html><head>    <title>光棒效果的实现</title>    <script language="javascript" type="text/javascript">    var curColor;    function mouseover(obj)    {        curColor = obj.style.backgroundColor;        obj.style.backgroundColor = "#6699ff";        obj.style.cursor = "hand";    }    function mouseout(obj)    {        obj.style.backgroundColor = curColor;    }    </script></head><body><table cellspacing="0" cellpadding="3" rules="cols" border="1" id="GridView1" style="background-color:White;border-color:#999999;border-width:1px;border-style:None;border-collapse:collapse;">    <tr style="color:White;background-color:#000084;font-weight:bold;">        <td>标题</td>    </tr><tr onmouseover="mouseover(this)" onmouseout="mouseout(this)">        <td>AAAAAAAAAAAAAAA</td>    </tr>    <tr onmouseover="mouseover(this)" onmouseout="mouseout(this)">        <td>BBBBBBBBBBBBBBB</td>    </tr>    <tr onmouseover="mouseover(this)" onmouseout="mouseout(this)">        <td>CCCCCCCCCCCCCCC</td>    </tr>    <tr onmouseover="mouseover(this)" onmouseout="mouseout(this)">        <td>DDDDDDDDDDDDDDD</td>    </tr></table></body></html>

读书人网 >Web前端

热点推荐