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

Javascript - Estela con imagenes en el cursor

Códigos Javascript

Bonito efecto de estela para el cursor del mouse
Visitas: 20,291 - 18/04/2003
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Debes crear 6 imagenes denominadas imagen1.gif, imagen2.gif... ... imagen6.gif
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>
  2.  
  3. B=document.all;
  4. C=document.layers;
  5. T1=new Array("imagen1.gif",45,45,"imagen2.gif",45,45,"imagen3.gif",45,45,"imagen4.gif",45,45,"imagen5.gif",45,45,"imagen6.gif",45,45)
  6. nos=parseInt(T1.length/3)
  7. rate=50
  8. ie5fix1=0;
  9. ie5fix2=0;
  10. for (i=0;i<nos;i++){
  11. createContainer("CUR"+i,i*10,i*10,i*3+1,i*3+2,"","<img src='"+T1[i*3]+"' width="+T1[(i*3+1)]+" height="+T1[(i*3+2)]+" border=0>")}
  12. function createContainer(N,Xp,Yp,W,H,At,HT,Op,St){
  13. with (document){
  14. write((!B) ? "<layer id='"+N+"' left="+Xp+" top="+Yp+" width="+W+" height="+H : "<div id='"+N+"'"+" style='position:absolute;left:"+Xp+"; top:"+Yp+"; width:"+W+"; height:"+H+"; ");
  15. if(St){
  16. if (C)
  17. write(" style='");
  18. write(St+";' ")
  19. }
  20. else write((B)?"'":"");
  21. write((At)? At+">" : ">");
  22. write((HT) ? HT : "");
  23. if (!Op)
  24. closeContainer(N)
  25. }
  26. }
  27. function closeContainer(){
  28. document.write((B)?"</div>":"</layer>")
  29. }
  30. function getXpos(N){
  31. return (B) ? parseInt(B[N].style.left) : C[N].left
  32. }
  33. function getYpos(N){
  34. return (B) ? parseInt(B[N].style.top) : C[N].top
  35. }
  36.  
  37. function moveContainer(N,DX,DY){
  38. c=(B) ? B[N].style :C[N];c.left=DX;c.top=DY
  39. }
  40. function cycle(){
  41. //if (IE5)
  42. if (document.all&&window.print){
  43. ie5fix1=document.body.scrollLeft;
  44. ie5fix2=document.body.scrollTop;
  45. }
  46. for (i=0;i<(nos-1);i++){
  47. moveContainer("CUR"+i,getXpos("CUR"+(i+1)),getYpos("CUR"+(i+1)))
  48. }
  49. }
  50. function newPos(e){
  51. moveContainer("CUR"+(nos-1),(B)?event.clientX+ie5fix1:e.pageX+2,(B)?event.clientY+ie5fix2:e.pageY+2
  52. )
  53. }
  54. if(document.layers)
  55. document.captureEvents(Event.MOUSEMOVE)
  56. document.onmousemove=newPos
  57. setInterval("cycle()",rate)
  58. </script>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Estela con imagenes en el cursor" href="http://www.tutores.org/codigo/403/" target="_blank">Estela con imagenes en el cursor</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
Mitzi
5 5
Ojalà pusieran un ejemplo de lo que se anuncia, porque copiar los puros códigos sin saber lo que estamos copiando, hace que uno abandone la página y buscar de inmediato otra.

Gracias.
Comentario usuario
11-01-2010 20:11:46
2 5
Mitzi tiene toda la razón, entre muy encantado por los códigos, pero ya me estoy desencantando, porque no ponen muestras y porque todos son para IE.
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.