简易网页光棒效果

最新推荐文章于 2020-12-30 06:18:27 发布

renlei413326889

最新推荐文章于 2020-12-30 06:18:27 发布

阅读量164

点赞数

分类专栏： HTML_DIV_CSS 文章标签： HTML

HTML_DIV_CSS 专栏收录该内容

2 篇文章 0 订阅

订阅专栏


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