Recursos Gratis Webmasters. Codigos Javascript, Applets Java, Tutoriales Para Webmasters

Texto con Efectos

TEXTO COLORINES DESVANECIENTE

Haz click aqui para ver un ejemplo del Javascript

Podeis configurar la letra, los colores, la rapidez del efecto, etc.

Código fuente (Haz Click en la ventana para Seleccionarlo Todo)

Coloca el codigo entre las etiquetas [head] y [/head]

<SCRIPT>
var mes = new Array()
mes[0]="AQUI PODEIS PONER VUESTRO TEXTO"
mes[1]="PODEIS PONER LOS COLORES QUE QUERAIS"
mes[2]="ESTE ES EL TEXTO NÚMERO 3 QUE SALE"
mes[3]="AQUI OTRO MENSAJE, Y YA VAN CUATRO"
//vous pouvez en rajouter mais sans oublier de mettre 5,6...à droite

// The path array contains the path of the newsworm. How can you configure this path? Best way:
// 1. Produce an empty (white) gif-image with your graphic-tool, size about 1000x800 pixels.
// 2. Open the application that you are using to create imagemaps (for instance CuteMAP).
// 3. Open this gif-image.
// 4. Set the drawing-tool to "polygon".
// 5. Draw a path.
// 6. Copy and paste the resulting values (x,y coordinates) inside the path-array below. 
// ATTENTION: There should be no space between the numbers!!!
var path= new Array(554,9,552,10,550,13,542,13,538,13,532,10,528,9,528,9,522,7,519,8,512,9,510,11,507,13,505,16,500,17,495,18,492,17,488,15,482,9,477,9,473,9,466,12,461,17,459,19,452,20,448,21,443,18,439,15,434,9,431,9,424,8,419,9,416,11,412,12,410,15,408,17,406,19,398,19,391,20,383,19,379,17,372,14,369,10,364,9,356,7,348,8,340,9,334,11,323,13,315,17,301,18,293,17,288,12,285,10,278,7,274,7,269,9,268,9,265,12,260,17,250,17,241,17,229,16,220,10,216,9,213,9,208,9,203,9,194,14,188,16,177,16,166,16,157,14,149,13,146,8,135,7,124,6,114,9,104,14,94,16,69,16,61,15,41,15,34,15,22,16,12,16,13,15)

// How many seconds shall the textsnake dance up and down when reaching its final position?
var stoptime=2
//combien de seconde le texte restera en haut en dansant

// Choose fontfamily, fontsize
var textfont="Arial"
var textsize=16
//choisir le format et la taille du texte

// Configure a selction of of textcolors (as many as you like)
var textcolor=new Array("FF0000","0000FF","00FF00","FF00FF")

// Fontweight: 1 for bold, 0 for normal
var fontweight=1

// Set 1 to apply a trendy glow-effect
// Set 0 to apply no glow effect
// ATTENTION: the glow-effect will slow down the speed dramatically
var gloweffect=0

// The space (pixels) between the letters. If you have chosen a big fontsize 
// you should increase this number
var letterspace=12
//l'espace en pixels entre chaque lettre

// ###############################################################################
// INSTRUCTIONS:
// End of instructions part. No need to change the variables below.
// ###############################################################################

var tickerleft=path[path.length-2]
var tickertop=path[path.length-1]
var timer
var finalxpos=tickerleft
var i_mes=0
var message=""
var i_path=0
var stoptimemilli=stoptime*10
var maxtextlength=0
var i_endposition=0

var pathx= new Array()
var ii=0
for (i=0;i<=path.length-1;i=i+2) {
	pathx[ii]=path[i]
	ii++
}
ii=0
var pathy= new Array()
for (i=1;i<=path.length-1;i=i+2) {
	pathy[ii]=path[i]
	ii++
}

if (gloweffect==1) {
	gloweffect="style='filter:glow(strength=1,color=yellow)'"
}
else {
	gloweffect=""
}

if (fontweight==1) {
	fontweight="<b>"
}
else {
	fontweight=""
}

for (i=0;i<=mes.length-1;i++) {
	if (mes[i].length>=maxtextlength) {maxtextlength=mes[i].length}
}

for (i=0;i<=mes.length-1;i++) {
	mes[i]=mes[i]+" "
}

if (document.layers) {
	if (textsize>20) {textsize=6}
	else if (textsize>20) {textsize=5}
	else if (textsize>14) {textsize=4} 
	else if (textsize>10) {textsize=3}
	else if (textsize>8) {textsize=2}
	else if (textsize<=7) {textsize=1}
}

var xpos=new Array()
for (i=0;i<=maxtextlength;i++) {
	xpos[i]=5000
}

var ypos=new Array()
for (i=0;i<=maxtextlength;i++) {
	ypos[i]=5000
}

function randomizer(range) {		
	return Math.floor(range*Math.random())
}

// - End of JavaScript - -->
</SCRIPT>

<STYLE>A {
	COLOR: #000000; FONT-FAMILY: Verdana; FONT-SIZE: 8pt; FONT-WEIGHT: bold; LEFT: 8px; POSITION: absolute; TOP: 250px
}
.spanstyle {
	LEFT: 5000px; POSITION: absolute; VISIBILITY: visible
}
</STYLE>

Coloca el codigo entre las etiquetas [body] y [/body]

Coloca el codigo dentro de la etiqueta [body.......]

Todo Para Los Webmasters - Javascripts, Tutoriales, Trucos, Juegos, y Mas...

La mejor colección de trucos de Javascript, botones, banners y mas

Texto con Efectos