Ändern Sie die Farbe der <div> mit onMouseover

Im Versuch, ändern Sie die Farbe des div mit omMouse ove Event-handler.
Von Grau zu schwarz
Aber es funktioniert nicht.

Was läuft hier falsch ?
Auch wie zu verwenden onHover und 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>
InformationsquelleAutor Harish R | 2014-01-19
  1. 4

    Können Sie tun, indem Sie diese

    Von tag

    div:hover {
    background-color: red;
}

    Durch div Class

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

    Durch div Id

    #divclass:hover {
        background-color: red;
    }
    • Dies sollte die akzeptierte Antwort.
    InformationsquelleAutor Muhammad Rashid
  2. 1

    Wie die Antworten zeigen, gibt es eine css-Lösung mit div:hover.

    div:hover {
    background: #FFFFFF;
}

    wenn Sie möchten, um eine javascript-Lösung, die hier:

    <div onMouseover="this.style.background = '#FFFFFF'">
//content
</div>
    InformationsquelleAutor Mark Nijboer
  3. 0

    Können Sie es mit css:

    .div{
 backgroundcolor: green;
}
.div:hover{
backgroundcolor: red;
}
    InformationsquelleAutor Meletis Flevarakis
  4. 0

    Können Sie tun, mit CSS

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

    DEMO

    Mit JavaScript

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

    DEMO mit JavaScript

    InformationsquelleAutor Satpal
Schreibe einen Kommentar