javascript - 使用 onMouseover 更改 <div> 的颜色

标签 javascript jquery html event-handling onmouseover

我正在尝试使用 omMouse ove 事件处理程序更改 div 的颜色。 从灰色到黑色 但它不起作用。

这里有什么问题吗? 还有如何使用 onHover 和 onMouseout ?

<html>

<head>
    <title></title>
    <link type="text/css" href="" />
    <script type="text/javascript" src="" ></script>    
    <style>
        div{
            height: 100px;
            width: 100px;
            background-color: grey;
        }
    </style>

</head>

<body>
    <div onMouseover="this.bgColor = '#FFFFFF'">

    </div>
</body>

<script>

</script>
</html>

最佳答案

你可以这样做

按标签

div:hover {
    background-color: red;
}

按 div 类

.divclass:hover {
        background-color: red;
    }

按 div Id

#divclass:hover {
        background-color: red;
    }

关于javascript - 使用 onMouseover 更改 <div> 的颜色,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21221331/

相关文章:

javascript - 是否可以优化 Javascript 客户端搜索?

css - 如何改变 jquerymobile slider 的发光

javascript - Bootstrap 列无法与 Kendo-UI 正常工作

javascript - HighCharts - 尝试创建一个 'thin' 圆环图

javascript - 缓冲客户端文件下载

javascript - 将 Id 传递给 Onclick 函数 JQGrid

javascript - 选择一个类的所有 div 并为其设置动画,但忽略同一类的所有子元素

javascript - 使用 jQuery 获取 Div 中特定类型的元素

html - 使用以 % 为单位的高度和以 px 为单位的边框时,框尺寸过大

javascript - 替换 JSFL 中的填充颜色