Efeitos no cursor - Webmaster Cristão

Cursor Colorido

Escolha o tipo de cursor e selecione o código.
Insira o código no HTML entre <head></heady>

<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/1.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/2.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/3.ani"); } --> </style>

<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/4.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/5.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/6.ani"); } --> </style>

<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/7.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/8.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/9.ani"); } --> </style>

<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/10.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/11.ani"); } --> </style>	<style><!-- BODY{ cursor:url("http://freepgs.com/pinkgoddess/cursors/12.ani"); } --> </style>

Cursor com meteoros

Cursor com meteoros coloridos em movimento.
Insira o código no HTML entre <body></body>

<SCRIPT LANGUAGE="JavaScript">  </SCRIPT>
Selecione com o mouse e
Pressione CRTL+C para copiar.

Cursor com texto

Cursor com um texto que segue o movimento.
Insira o código no HTML entre <head></head>
Modifique tamanho, fonte e cor segundo mostra o exemplo abaixo: vermelho = tamanho, verde = estilo, azul = cor.

Cursor com texto giratório I

Insira o código no HTML entre <heady></heady>
Personalize seu texto segundo o destaque em vermelho no exemplo abaixo. Mude a fonte onde mostra o destaque em verde no exemplo abaixo. Mude a cor onde mostra o destaque em azul no exemplo abaixo:

<SCRIPT LANGUAGE="JavaScript">
if (document.all) {
yourLogo = "* ESCREVA SEU TEXTO AQUI";
logoFont = " verdana";
logoColor = " #5c6390";...

<SCRIPT LANGUAGE="JavaScript"> if (document.all) { yourLogo = "* ESCREVA SEU TEXTO AQUI "; logoFont = " verdana"; logoColor = " #5c6390"; yourLogo = yourLogo.split(''); L = yourLogo.length; TrigSplit = 360 / L; Sz = new Array() logoWidth = 70; logoHeight = -30; ypos = 0; xpos = 0; step = 0.04; currStep = 0; document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">'); for (i = 0; i < L; i++) { document.write('<div id="ie" style="position:absolute;top:0px;left:0px ;' +'width:10px;height:10px;font-family: '+logoFont+'; font-size:12px;' +'color:'+logoColor+'; text-align:cent er">'+yourLogo[i]+'</div>'); } document.write('</div></div>'); function Mouse() { ypos = event.y; xpos = event.x - 3; } document.onmousemove=Mouse; function animateLogo() { outer.style.pixelTop = document.body.scrollTop; for (i = 0; i < L; i++) { ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180); ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180); Sz[i] = ie[i].style.pixelTop - ypos; if (Sz[i] < 5) Sz[i] = 3; ie[i].style.fontSize = Sz[i] / 1.7; } currStep -= step; setTimeout('animateLogo()', 10); } window.onload = animateLogo; } // End --> </SCRIPT>
Selecione com o mouse e
Pressione CRTL+C para copiar.

Cursor com texto giratório II

Insira o código no HTML entre <body></body>
Personalize seu texto segundo o destaque em vermelho no exemplo abaixo. Mude a fonte onde mostra o destaque em verde no exemplo abaixo. Mude a cor onde mostra o destaque em azul no exemplo abaixo:

...// your message here
var msg='ESCREVA SEU TEXTO AQUI';

var font='Verdana,Arial';
var size=3; // up to seven
var color='#FF0000' ...

<SCRIPT LANGUAGE="JavaScript1.2">  </SCRIPT>
Selecione com o mouse e
Pressione CRTL+C para copiar.

Cursor com texto fixo

Cursor com um texto fixo com efeito de sombra.
Insira o código no HTML entre <body></body>
Modifique o texto onde mostra o destaque em vermelho no exemplo abaixo. Modifique a cor onde mostra o destaque em verde no exemplo abaixo:

<SCRIPT language=JavaScript1.2>
<!--
// Para que cada palavra fique numa linha use espaço
var message="ESCREVA SEU TEXTO AQUI";
var messagecolor='#ff0000' ...

<SCRIPT language=JavaScript1.2>  </SCRIPT>
Selecione com o mouse e
Pressione CRTL+C para copiar.

Cursor com imagem giratória

Cursor com imagem girando em volta, expandindo e diminuindo.
Insira o código no HTML entre <body></body>
Insira sua imagem onde está escrito SUAIMAGEMAQUI.GIF

<IMG id=bullet style="LEFT: -1800px; POSITION: absolute; TOP: -1800px" src="SUAIMAGEMAQUI.GIF" width="30" height="30"> <SCRIPT language=javascript> var images=bullet.src;//Put your image name here!! var amount=7;//Number of images here. Do not alter for this script!! var cnter=70; var step; var currStep = 0; var Xpos = 0; var Ypos = 0; if (document.all) { document.write('<div id="ieDiv" style="position:absolute;top:0px;left:0px">') document.write('<div id="c" style="position:relative">'); for (n=0; n < amount; n++) document.write('<img src=" '+images+'" style="position:absolute;top:0px;left:0px">') document.write('</div>') document.write('</div>') function MsieMouseFollow(){ Xpos = document.body.scrollLeft+event.x-5; Ypos = document.body.scrollTop+event.y-5; } document.onmousemove = MsieMouseFollow; } else if (document.layers) { window.captureEvents(Event.MOUSEMOVE); for (ns=0; ns < amount; ns++) document.write("<LAYER NAME='n"+ns+"' LEFT=0 TOP=0><IMG SRC='"+images+"'></LAYER>"); function NsMouseFollow(evnt){ Xpos = evnt.pageX-5; Ypos = evnt.pageY-5; } window.onMouseMove = NsMouseFollow; } function Swirl(){ if (currStep<0.0550) step=0.001; if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150); ieDiv.all.c.all[i].style.left = Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150); } } else if (document.layers) { for ( i = 0 ; i < ns ; i++ ) { var temp="n"+i document.layers[temp].top = Ypos+cnter*Math.cos((currStep+i*4.5)/5)*Math.sin((currStep)*150); document.layers[temp].left =Xpos+cnter*Math.sin((currStep+i*4.5)/5)*Math.sin((currStep)*150); } } currStep += step; setTimeout("Swirl()", 10); if (currStep>0.0540) { step+=0.002; if (document.layers) { for ( i = 0 ; i < ns ; i++ ) { var temp="n"+i document.layers[temp].top =Ypos+cnter*Math.cos((currStep+i*4.5)/5) document.layers[temp].left=Xpos+cnter*Math.sin((currStep+i*4.5)/5) } } else if (document.all) { for (i=0;i<ieDiv.all.c.all.length;i++) { ieDiv.all.c.all[i].style.top=Ypos+cnter*Math.cos((currStep+i*4.5)/5) ieDiv.all.c.all[i].style.left=Xpos+cnter*Math.sin((currStep+i*4.5)/5) } } } if (step > 0.5) { step=0.5; cnter-=8; } if (document.layers) _y=-window.innerWidth; else if (document.all) _y=-document.body.clientWidth; if (cnter <= _y) { currStep=0; step=0.001; cnter=70; } } Swirl(); // --> </SCRIPT>
Selecione com o mouse e
Pressione CRTL+C para copiar.

<Voltar para Efeitos JavaScript