Maison > interface Web > js tutoriel > 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
Libérer: 2016-05-16 15:41:15
original
1567 Les gens l'ont consulté

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">
Copier après la connexion

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">
Copier après la connexion

Exemple 2 :

Le rendu est le suivant :

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

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal