首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

简易网页光棒成效

2012-11-04 
简易网页光棒效果!-- 光棒效果 --htmlheadtitle光棒效果的实现/titlescript languagejavascr

简易网页光棒效果

<!-- 光棒效果 --><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>

热点排行