você pode escrever um código em vários tipos
primeiro eu posso escrever isso
html
<a href="https://www.google.com/" onMouseOver="this.style.color='red'"
onMouseOut="this.style.color='blue'" class="one">Hello siraj</a>
css
.one{
text-decoration: none;
}
você pode tentar de outra maneira
html
<a href="https://www.google.com/" class="one">Hello siraj</a>
css
.one{
text-decoration: none;
}
.one:hover{
color:blue;
}
.one:active{
color: red;
}
você também pode tentar pairar no jquery
script java
$(document).ready(function(){
$("p").hover(function(){
$(this).css("background-color", "yellow");
}, function(){
$(this).css("background-color", "pink");
});
});
html
<p>Hover the mouse pointer over this paragraph.</p>
Neste código, você tem uma função de três no jquery. Primeiro, você prepara uma função que é a função básica do jquery. Depois, você tem uma função de foco nessa função quando passa o ponteiro para o texto, a cor será alterada e depois a próxima. quando você soltar o ponteiro do texto, ele terá a cor diferente e esta é a terceira função