Este plugin desenvolvido em jquery muda a cor da tag quando você passa o mouse em cima e volta cor normal quando você tira de cima. Você escolhe as tags que você quer que mude a cor.
1) Inclua jquery e o plugin
<script language=”javascript” src=”jquery.js”></script>
<script language=”javascript” src=”linkSelected.js”></script>
<script language=”javascript” src=”linkSelected.js”></script>
2) Ative o plugin com as tags de sua escolha ex:<a> e <p>
<script type=”text/javascript”>
$(document).ready(function() {
$(“a,p”).linkSelected();
});
</script>
$(document).ready(function() {
$(“a,p”).linkSelected();
});
</script>
3) Muda para as cores de sua preferência
.linkDefault{
border: 1px solid #333333;
background-color: #999999;
}
.linkSelected{
border: 1px solid #FFCC00;
background-color: #FFFFFF;
}
border: 1px solid #333333;
background-color: #999999;
}
.linkSelected{
border: 1px solid #FFCC00;
background-color: #FFFFFF;
}
4) Agora utilize em seu código
<a class=”linkDefault” href=”ola.php”>ahehea</a>
<a class=”linkDefault” href=”ola.php”>ahehea</a>
<a class=”linkDefault” href=”ola.php”>ahehea</a>
<p class=”linkDefault”>ahehea</p>
<a class=”linkDefault” href=”ola.php”>ahehea</a>
<a class=”linkDefault” href=”ola.php”>ahehea</a>
<p class=”linkDefault”>ahehea</p>