Javascript - Texto rotatorio
Códigos Javascript
Simpatico efecto rotatorio que gira alrededor del mouse
Tutores.org
Mostrando Codigo - Javascript
EXPLICACION
Introducir el script en entre ...
CODIGO
# Codigo ofrecido por Tutores.org
- <SCRIPT LANGUAGE="JavaScript">
- <!-- Inicio
- if (document.all) {
- //Escribe aquí el texto que quieres
- yourLogo = "Tutores.org - Web de programadores asp,php, cgi ... Tutoriales y scripts"; //Más de 2 letras
- logoFont = "verdana";
- logoColor = "990000";
- //No modificar nada mas despues de aqui
- yourLogo = yourLogo.split('');
- L = yourLogo.length;
- TrigSplit = 360 / L;
- Sz = new Array()
- logoWidth = 125;
- logoHeight = -30;
- ypos = 0;
- xpos = 0;
- step = 0.03;
- 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:center">'+yourLogo[i]+'</div>');
- }
- document.write('</div></div>');
- function Mouse() {
- ypos = event.y;
- xpos = event.x - 5;
- }
- 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] = 5;
- ie[i].style.fontSize = Sz[i] / 1.7;
- }
- currStep -= step;
- setTimeout('animateLogo()', 20);
- }
- window.onload = animateLogo;
- }
- // Fin de Script-->
- </SCRIPT>
ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Texto rotatorio" href="http://www.tutores.org/codigo/413/" target="_blank">Texto rotatorio</a>
<!-- Final enlace Tutores.org -->
<a title="Tutores.org - Texto rotatorio" href="http://www.tutores.org/codigo/413/" target="_blank">Texto rotatorio</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS