quinta-feira, 24 de abril de 2008

Dica: Efeito de BLINK no Internet Explorer

Essa dica já é manjada e bem conhecida por webdesigners experientes. Mas para aqueles que estão começando a se aventurar na programação para web agora, é bastante útil.
A tag blink do html tem como função fazer um texto que está dentro dela ficar piscando. É ótimo para usar em avisos, comunicados. O problema é que ela só funciona nos browsers da fundação Mozilla, como o velho netscape, o Mozilla e o Firefox. O IE simplesmente a ignora.
Mas felizmente existe uma função em javascript que simula o mesmo efeito no navegador da Microsoft. De fato, para o leitor da página, o resultado final é exatamente o mesmo.

-- Vamos ao código --

Primeiro adicione o código em javascript (em vermelho) logo abaixo da tag title. Lembre-se de adicionar o evento Onload (em verde) ao lado da tag body, conforme o código abaixo. Pronto, o "pisca-pisca" já estará funcionando no IE tb! Obs: esse código não dá nenhum conflito nos browsers da Mozilla, cujo "pisca-pisca" continua funcionando normalmente...

O código é o seguinte:

<html>
<head>
<title>Blink no IE</title>
<script type="text/javascript">
var ieBlink = (document.all)?true:false;
function doBlink(){
if(ieBlink){
obj = document.getElementsByTagName('BLINK');
for(i=0;i<obj.length;i++){
tag=obj[i];
tag.style.visibility=(tag.style.visibility=='hidden')?'visible':'hidden';
}
}
}
</script>
</head>
<body onLoad="if(ieBlink){setInterval('doBlink()',450)}">
<center>
<h1>Texto Sem Blink</h1>
<hr />
<h1><blink>Texto com Blink</blink</h1>
</center>
</body>
</html>

2 comentários:

Lucas disse...

Wowwwww, Funcionou 100%!
Parabéns cara, criar uma pseudo-tag foi show!
nota 10!

Marcelo disse...

Muito bom, clique no adsense pra você