Question

我试图使用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>

Answer 1

你可以这样做

按标记

div:hover {
    background-color: red;
}

按div类

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

按div ID

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

Answer 2

如答案所示，使用div：hover。

有一个css解决方案

div:hover {
    background: #FFFFFF;
}

如果您想要一个javascript解决方案，请点击此处：

<div onMouseover="this.style.background = '#FFFFFF'">
//content
</div>

Answer 3

你可以用css：

来做

.div{
 backgroundcolor: green;
}
.div:hover{
backgroundcolor: red;
}

Answer 4

你可以使用CSS

div:hover {
    background-color: #FFFFFF;
}

DEMO

使用 JavaScript

 <div onMouseOver="this.style.backgroundColor = '#FFFFFF';">khkhkhk</div>

DEMO using JavaScript

使用onMouseover </div>更改<div>的颜色

4 个答案: