.

sexta-feira

Efeito Neon Luminoso em Textos

ACESSOS:
Deixe seu comentário

Nesta postagem compartilho com vocês mais um efeito em textos.

Este script DHTML aplica um efeito de luz de néon para qualquer texto.

Serve para destacar uma mensagem que você queira passar para os seus visitantes.



Veja abaixo uma demonstração:



Muito legal, não é mesmo?!

 Para colocar em seu blog...


Clique em adicionar "Adicionar um Gadget" do tipo "HTML/JavaScript" e cole o seguinte código

<h2>
<script language="JavaScript1.2">

/*
Neon Lights Text
By JavaScript Kit (http://javascriptkit.com)
For this script, TOS, and 100s more DHTML scripts,
Visit http://www.dynamicdrive.com
Visit http://www.dicashot.blogspot.com/
*/

var message="Bem Vindo Ao DicasHot!"
var neonbasecolor="gray"
var neontextcolor="yellow"
var flashspeed=100  //in milliseconds

///No need to edit below this line/////

var n=0
if (document.all||document.getElementById){
document.write('<font color="'+neonbasecolor+'">')
for (m=0;m<message.length;m++)
document.write('<span id="neonlight'+m+'">'+message.charAt(m)+'</span>')
document.write('</font>')
}
else
document.write(message)

function crossref(number){
var crossobj=document.all? eval("document.all.neonlight"+number) : document.getElementById("neonlight"+number)
return crossobj
}

function neon(){

//Change all letters to base color
if (n==0){
for (m=0;m<message.length;m++)
//eval("document.all.neonlight"+m).style.color=neonbasecolor
crossref(m).style.color=neonbasecolor
}

//cycle through and change individual letters to neon color
crossref(n).style.color=neontextcolor

if (n<message.length-1)
n++
else{
n=0
clearInterval(flashing)
setTimeout("beginneon()",1500)
return
}
}

function beginneon(){
if (document.all||document.getElementById)
flashing=setInterval("neon()",flashspeed)
}
beginneon()

</script>
</h2>

A parte destacada de azul é a mensagem e a parte destacada de vermelho corresponde a velocidade do slide.

Cursos On-line 24 Horas - Educação a Distância de Qualidade