Maison  >  Article  >  interface Web  >  Créez du code de texte néon et des effets spéciaux basés sur les compétences JavaScript_javascript

Créez du code de texte néon et des effets spéciaux basés sur les compétences JavaScript_javascript

WBOY
WBOYoriginal
2016-05-16 15:41:151513parcourir

Exemple 1 :

La capture d'écran de l'effet en cours d'exécution est la suivante :

Le code spécifique est le suivant :

http-equiv="Content-Type" content="text/html; charset=gb2312">

Néon

var Tname="欢迎您的到来!";
var Tlen=Tname.length;
document.write(""+Tname+"");
var col=new Array("#FFCC00","#3333FF","#FFCC00","#FF0000","#FFCC00","#CC33FF");
var ic=0;
function Dcolor(){
 var Strname="";
 for (i=0;iTlen;++i){
 var Strname=Strname+"+col[ic]+">"+Tname.substring(i,i+1)+"";
 ic=ic+1;
 if (ic==col.length) ic=0;
 }
 a.innerHTML=Strname;
 setTimeout("Dcolor()",200);
}
Dcolor();
 class="style5">

Exemple 2 :

Le rendu est le suivant :

Effet démo Téléchargement du code source

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn