tutoriais

jogos

Códigos/Cheats

Galerias

fóruns

TUTORIAIS DE DHTML

Texto que segue os movimentos do rato.

Não de grande útilidade, mas com belo efeito.

Demo : A decorrer.

1. Inserir entre os tags <HEAD>...</HEAD>:

<script>
<!--
// By Peter Gehrig http://www.24fun.ch
var x,y
var step=20
var flag=0
// Modificar o texto aqui. Importante: o espaço no fim da frase !!!
var message="o texto aqui ! "
message=message.split("")

var xpos=new Array()
for (i=0;i<=message.length-1;i++) {
	xpos[i]=-50
}

var ypos=new Array()
for (i=0;i<=message.length-1;i++) {
	ypos[i]=-50
}

function handlerMM(e){
	x = (document.layers) ? e.pageX : event.clientX
	y = (document.layers) ? e.pageY : event.clientY
	flag=1
}

function makesnake() {
	if (flag==1 && document.all) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+step
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+step
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("document.all.span"+(i)+".style")
    		thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    	}
	}
	
	if (flag==1 && document.layers) {
    	for (i=message.length-1; i>=1; i--) {
   			xpos[i]=xpos[i-1]+step
			ypos[i]=ypos[i-1]
    	}
		xpos[0]=x+step
		ypos[0]=y
	
		for (i=0; i<message.length-1; i++) {
    		var thisspan = eval("document.span"+i)
    		thisspan.left=xpos[i]
			thisspan.top=ypos[i]
    	}
	}
		var timer=setTimeout("makesnake()",10)
}

// -->
</script>

<style>
.spanstyle {
	COLOR: #ff0000; FONT-FAMILY: Arial; FONT-SIZE: 10pt; POSITION: absolute; TOP: -50px; VISIBILITY: visible
}
</style>

Modificar no início do script:

O texto na variável"texto".

Modificar na parte do <STYLE>:

no .spanstyle: a cor, o tipo de letra e o tamanho dos caracteres.

2. Inserir entre os tags <BODY>...</BODY>:

3. Inserir dentro do tag <BODY>:

ANÚNCIOS

Tutoriais | Fóruns de Discussão | Notícias | Jogos | Dicas | Flash | Downloads | Livros
Gifs Animados | Loja Online | Publicitar no Truques e Dicas | Contactos