Efeito de texto girando em volta do ponteiro do mouse


 

1
<SCRIPT LANGUAGE="JavaScript">
02if (document.all) {
03yourLogo = "Digite seu texto aqui";
04logoFont = "arial";
05logoColor = " #000000";
06yourLogo = yourLogo.split('');
07L = yourLogo.length;
08TrigSplit = 360 / L;
09Sz = new Array()
10logoWidth = 70;
11logoHeight = -30;
12ypos = 0;
13xpos = 0;
14step = 0.04;
15currStep = 0;
16document.write('<div id="outer" style="position:absolute;top:0px;left:0px "><div style="position:relative">');
17for (i = 0; i < L; i++) {
18document.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>');
19}
20document.write('</div></div>');
21function Mouse() {
22ypos = event.y;
23xpos = event.x - 3;
24}
25document.onmousemove=Mouse;
26function animateLogo() {
27outer.style.pixelTop = document.body.scrollTop;
28for (i = 0; i < L; i++) {
29ie[i].style.top = ypos + logoHeight * Math.sin(currStep + i * TrigSplit * Math.PI / 180);
30ie[i].style.left = xpos + logoWidth * Math.cos(currStep + i * TrigSplit * Math.PI / 180);
31Sz[i] = ie[i].style.pixelTop - ypos;
32if (Sz[i] < 5) Sz[i] = 3;
33ie[i].style.fontSize = Sz[i] / 1.7;
34}
35currStep -= step;
36setTimeout('animateLogo()', 10);
37}
38window.onload = animateLogo;
39}
40// End -->
41</SCRIPT>


Comentários

Anterior Proxima Página inicial