Publicentral.com - promocion,paginas,web,tutores,publicentralPromocion de paginas webs
Mostrando Codigo - Javascript
Code

Javascript - Texto girando alrededor del puntero

Códigos Javascript

Bonito efecto que muestra un texto girando alrededor del raton y sigue su estela.
Visitas: 27,317 - 14/12/2003 22:18:00
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Linea 1: Modificar el mensaje Linea 2: Modifivar el tipo de fuente o letra Linea 3: Tamaño de letra Linea 4: Velocidad de rotacion Posteriormente no es necesario ninguna modificacion mas exepto la que indicamos como bgcolor="#cccccc, al pie de la pagina, que deberas modificarla con el color que quieres para el fondo de tu/s paginas
CODIGO
Este codigo aun no ha sido probado por Tutores.org en ChromeEste codigo aun no ha sido probado por Tutores.org en FirefoxCodigo probado en Internet Explorer 7+Este codigo aun no ha sido probado por Tutores.org en OperaEste codigo aun no ha sido probado por Tutores.org en Safari


# Codigo ofrecido por Tutores.org

  1. <script LANGUAGE="JavaScript">
  2. var msg='Bienvenido visitante'; // mensaje maximo 14 caracteres
  3. var font='verdana';
  4. var size=2;
  5. var color='red';
  6. var speed=.2;
  7. var rotation=.2;
  8. var ns=(document.layers);
  9. var ie=(document.all);
  10. var msg=msg.split('');
  11. var n=msg.length;
  12. var a=size*15;
  13. var currStep=0;
  14. var ymouse=0;
  15. var xmouse=0;
  16. var scrll=0;
  17. var props="<font face="+font+" size="+size+" color="+color+">";
  18. if (ie)
  19. window.pageYOffset=0
  20. if (ns){
  21. for (i=0; i < n; i++)
  22. document.write('<layer name="nsmsg'+i+'" top=0 left=0 height='+a+' width='+a+'><center>'+props+msg[i]+'</font></center></layer>');
  23. }
  24. if (ie){
  25. document.write('<div id="outer" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
  26. for (i=0; i < n; i++)
  27. document.write('<div id="iemsg" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center;font-weight:regular;cursor:default">'+props+msg[i]+'</font></div>');
  28. document.write('</div></div>');
  29. }
  30. (ns)?window.captureEvents(Event.MOUSEMOVE):0;
  31. function Mouse(evnt){
  32. ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y;
  33. xmouse = (ns)?evnt.pageX+20:event.x-20;
  34. }
  35. if (ns||ie)
  36. (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
  37. y=new Array();
  38. x=new Array();
  39. Y=new Array();
  40. X=new Array();
  41. for (i=0; i < n; i++){
  42. y[i]=0;
  43. x[i]=0;
  44. Y[i]=0;
  45. X[i]=0;
  46. }
  47. function makecircle(){
  48. if (ie) outer.style.top=document.body.scrollTop;
  49. currStep-=rotation;
  50. for (i=0; i < n; i++){
  51. var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
  52. d.top=y[i]+a*Math.sin((currStep+i*1)/3.8)+window.pageYOffset-15;
  53. d.left=x[i]+a*Math.cos((currStep+i*1)/3.8)*2;
  54. }
  55. }
  56. function drag(){
  57. scrll=(ns)?window.pageYOffset:0;
  58. y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
  59. x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
  60. for (var i=1; i < n; i++){
  61. y[i]=Math.round(Y[i]+=(y[i-1]-Y[i])*speed);
  62. x[i]=Math.round(X[i]+=(x[i-1]-X[i])*speed);
  63. }
  64. makecircle();
  65. setTimeout('drag()',10);
  66. }
  67. if (ns||ie)window.onload=drag;
  68. -->
  69. </script>
  70. <body bgcolor="#cccccc"></body>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Texto girando alrededor del puntero" href="http://www.tutores.org/codigo/892/" target="_blank">Texto girando alrededor del puntero</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
Sin definir
4 5
Hola, me llamo Joan y soy el cantante de un nuevo grupo de Barclona, ARANGU. Tenemos un myspace (http://www.myspace.com/arangu)
y queremos resaltar el texto "DESCARREGAR/DOWNLOAD", "MUSICA" ,"ARANGU". He intentado poner los codigos de vustra pag. web, pero es imposible para mi..no entiendo nada!!jeje

Me gustaría poner un titulo similar al exemplo de vuestra web ("entrar a www.lopezworld.com juegos")pero con (Descarregar/download musica arangu)... me gusta mucho el formato y los colores tambien.

Que codigo deberia poner? Muchas gracias y disculpen las molestias.

Joan
Comentario usuario
04-12-2007 06:05:06
2 5
Como lo puedo hacer en netscape o mozila
??????????????????????????
INSERTAR COMENTARIO

Usuario:
Email:
Comentario:
Codigo Seguridad


Antes de enviar un comentario...
Todos los comentarios son revisados personalmente
Todo comentario que no haga relacion al codigo mostrado en esta pagina sera eliminado

Usuarios registrados tienen preferencia en recibir respuestas de ayuda!!
Ademas de poder insertar Imagenes,Enlaces y otras propiedades del editor.
Por favor, insertar los comentarios descriptivos.