onMouseOver Effekte
Wie kann ich onMouseover Effekte erzeugen?
Wie kann ich die Linkfarbe oder Hintergrundfarbe ändern wenn die Maus darauf bewegt wird?
Erklärung
Eigenschaft:
onMouseOver EffectsText Effekte:e.g:
Das ist sehr einfach zu tun. Folgen Sie die Schritte und Sie können es auch tun.
Schritt 1:In dem head Teil geben Sie den Stil an, wie Sie den Text ändern möchten, wie folgt
<head>
<style>
/*So sieht der Text aus vor dem mouse over*/
.colc{
font-family: san-serif;
color: #9EFF36;
}
/*So sieht der Text aus während des mouse overs. "hover" ist die wichtigste Änderung hier*/
.colc:hover
{
font-family: san-serif;
color: #456745;
}
</style>
</head>
Schritt 2:Stellen Sie den zu dem Text ein, wo Sie den mouse over Effekt erzeugen möchten
e.g:
Bemerkung: Hier stellen wir den Stil mit dem Tag "class". Der Stilname ist "colc" der im Titelraum erstellt worden ist
Um die Hintergrundfarbe zu ändern, fügen Sie die "background-color" Eigenschaft zu den style Tags hinzu, wie oben erklärt.
E.g: Form the style as
.colc2{
font-family: san-serif;
color: #9EFF36;
}
/*So sieht der Text aus während des mouse overs. "hover" ist die wichtigste Änderung hier*/
.colc2:hover
{
background-color: #245250;
}
set this style to the html tag