Código Fonte - O melhor conteúdo para programadores

Este código tem nota

Autor

Ailton Batista

membro deste dezembro de 2007

DHTML

Compartilhe e guarde

Enquete

O mercado de publicidade na web chegou no seu limite?

Não, ainda tem muito que crescer
São necessários novos formatos
Sim, o modelo atual já está no limite
Não posso opinar

Home Código Fonte JavaScript - DHTML Efeitos

Calda de cursor do mouse com texto

Código que faz com que seja exibido um texto na calda do cursor do mouse. Basta trocar o texto desejado diretamente no código.

<head>
<style>
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Comic Sans MS;
      font-weight:bold;
	color:Red;
}
</style>
</head>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>
var x,y
var step=12
var flag=0
var message="Escreva aqui o que tu quer! www.ailtonlinux.home.sapo.pt "
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 : document.body.scrollLeft+event.clientX
	y = (document.layers) ? e.pageY : document.body.scrollTop+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("span"+(i)+".style")
    		thisspan.posLeft=xpos[i]
			thisspan.posTop=ypos[i]
    	}
	}
	
	else 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()",30)
}
</script>

<script>
for (i=0;i<=message.length-1;i++) {
    document.write("<span id='span"+i+"' class='spanstyle'>")
	document.write(message[i])
    document.write("</span>")
}
if (document.layers){document.captureEvents(Event.MOUSEMOVE);
}
document.onmousemove = handlerMM;
</script>
</body>

<head>
<style>
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Comic Sans MS;
      font-weight:bold;
	color:Red;
}
</style>
</head>
<body onLoad="makesnake()" style="width:100%;overflow-x:hidden;overflow-y:scroll">
<script>
var x,y
var step=12
var flag=0
var message="Escreva aqui o que tu quer! www.ailtonlinux.home.sapo.pt "
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
}

Este código foi útil para você?

Nota	Comentário
10	denunciar deutilt comentou em 15/9/2009 comigo só funcionou no comigo só funcionou no explorer, mas é nota show
10	denunciar victords comentou em 12/6/2009 Otimo! Só tenta da um jeito para funcionar no firefox
10	denunciar fabiolove comentou em 27/8/2008 Otimo Era o que tava faltando por meu site, podem copiar que dá certo.
10	denunciar brazooka comentou em 13/4/2008 Funciona!! vlw! aew mto massa isso agora tem como fazer funcionar no kmeleon firefox etc?
1	denunciar undertaker comentou em 11/1/2008 invalido? nao sei por que, mas ainda nao funcionou comigo, talvez ele devesse ser revisto e corrigido.

Regras:
Os comentários seguem as seguintes regras:

Todos os comentários são enviados por membros cadastrados no site.
A pontuação de comentários de conteúdo do próprio membro não serão computados.
Os comentários serão pré-aprovados, porém a equipe do site revisará o conteúdo de todos os comentários podendo ser invalidados (inclusive a pontuação).
Os comentários precisam ter, obrigatóriamente, coerência sobre o conteúdo que será comentado.
O membro que atingir 5 comentários invalidados não poderá mais comentar dentro do site. Com isso o membro não poderá mais ganhar pontos com comentários.
Há um limite de 10 comentários por dia para cada membro.
Qualquer comentário após ter sido publicado poderá ser retirado através da opção ( denunciar)

Comente

Autenticação:	Apelido: Senha: (ainda não tem cadastro? clique aqui!)

Título:	Máximo de 30 caracteres
Comentário:	Máximo de 255 caracteres
Avaliação:

Equipe | Tabela de Pontos e Estrelas | Política de Privacidade | Mapa do Site | Fale Conosco

Autor

Ailton Batista

Tags

DHTML

Compartilhe e guarde

Enquete

O mercado de publicidade na web chegou no seu limite?

Calda de cursor do mouse com texto

comigo só funcionou no

Otimo!

Otimo

Funciona!! vlw!

invalido?

Comente