LSL0705 2021-06-03 22:01 采纳率: 100%
浏览 41
已采纳

需要在下拉菜单后单击鼠标改变背景颜色，不会改呀

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        
        <title>Document</title>

    </head>

    <body>
        <script type="text/javacsript">
            function showMenu(thisa) {
                thisa.style.height = "180px";
            }
            function hideMenu(thisa) {
                thisa.style.height = "30px";
            }
            
        </script>
        <div onmouseover='showMenu(this)' onmouseout='hideMenu(this)' style='width:120px;height:30px;border:1px solid blue;overflow:hidden;background:#cccccc'>
        
            <table>
                <tr>
                    <td>下拉菜单</td>
                </tr>
                <tr>
                    <td>菜单一</td>
                </tr>
                <tr>
                    <td>菜单二</td>
                </tr>
                <tr>
                    <td>菜单三</td>
                </tr>
                <tr>
                    <td>菜单四</td>
                </tr>
                <tr>
                    <td>菜单五</td>
                </tr>
            </table>
        </div>
    </body>

</html>

  • 写回答

3条回答 默认 最新

  • CSDN专家-showbo 2021-06-03 22:46
    关注

    <script type="text/javacsript">

    javascript打错了。。type可以省略不写的

    改成<script type="text/javacsript">或<script>

    改背景色用backgroundColor，示例如下

    <!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">

    <title>Document</title>

</head>

<body>
    <script type="text/javascript">
        function showMenu(thisa) {
            thisa.style.height = "180px";
            thisa.style.backgroundColor='#f00'
        }
        function hideMenu(thisa) {
            thisa.style.height = "30px";
            thisa.style.backgroundColor = '#cccccc'
        }

    </script>
    <div onmouseover='showMenu(this)' onmouseout='hideMenu(this)' style='width:120px;height:30px;border:1px solid blue;overflow:hidden;background:#cccccc'>

        <table>
            <tr>
                <td>下拉菜单</td>
            </tr>
            <tr>
                <td>菜单一</td>
            </tr>
            <tr>
                <td>菜单二</td>
            </tr>
            <tr>
                <td>菜单三</td>
            </tr>
            <tr>
                <td>菜单四</td>
            </tr>
            <tr>
                <td>菜单五</td>
            </tr>
        </table>
    </div>
</body>

</html>
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题？

悬赏问题

  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来
  • ¥50 comfyui下连接animatediff节点生成视频质量非常差的原因
  • ¥20 有关区间dp的问题求解
  • ¥15 多电路系统共用电源的串扰问题
  • ¥15 slam rangenet++配置
  • ¥15 有没有研究水声通信方面的帮我改俩matlab代码
  • ¥15 ubuntu子系统密码忘记
  • ¥15 保护模式-系统加载-段寄存器