Link Chamativo em JavaScript
- Código:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-br" lang="pt-br">
<head>
<title>Enfeitar links</title>
<meta name="author" content="Gabriel Barros | www.gabrielbarros.com.br" />
<script type="text/javascript">
function EnfeitarLinks() {
id = document.getElementById("l1").style;
if (typeof t == "undefined") t = 0;
switch (t % 5) {
case 0: {id.color = "#31F"; id.fontSize = "12px"; break}
case 1: {id.color = "#33F"; id.fontSize = "13px"; break}
case 2: {id.color = "#35F"; id.fontSize = "14px"; break}
case 3: {id.color = "#37F"; id.fontSize = "15px"; break}
case 4: {id.color = "#39F"; id.fontSize = "16px"; break}
}
t = setTimeout("EnfeitarLinks()", 150);
}
</script>
</head>
<body onload="EnfeitarLinks()">
<a href="SEU-LINK" id="l1" style="text-decoration: none; font: 12px tahoma">Clique Aqui</a>
</body>
</html>
SEU-LINK = Link que ira ficar na palavra.
Clique Aqui = Palavra que ira ficar no link.
Resultado: Este Script faz com que o link fique mudando de tamanho suavemente para chamar a atenção do usuário.