Publicentral.com - alta en buscadores, registro buscadores, promocionaPromocion en buscadores y negocios online
Mostrando Codigo - Javascript
Code

Javascript - Tela de araña

Códigos Javascript

Divertido script con el queimitamos una tela de araña
Visitas: 32,023 - 07/09/2003 21.54.31
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
Debemos cambiar lo comentado en el codigo como configuración.
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. <!-- Codigo ofrecido por tutores.org -->
  2. <STYLE>
  3. v:* {
  4.  BEHAVIOR: url(#default#VML)
  5. }
  6. </STYLE>
  7. <SCRIPT>
  8. // CREDITS:
  9. // Spider Highlighter for Textlinks
  10. // by Urs Dudli and Peter Gehrig
  11. // Copyright (c) 2001 Peter Gehrig and Urs Dudli. All rights reserved.
  12. // Permission given to use the script provided that this notice remains as is.
  13. // Additional scripts can be found at http://www.24fun.com
  14. // info@24fun.com
  15.  
  16. ///////////////////////////////////////////////////////////////////////////
  17. // CONFIGURACIONES
  18. ///////////////////////////////////////////////////////////////////////////
  19.  
  20. // El color principal
  21. var defaultcolor="#cc0000"
  22.  
  23. // El grosor de la tela de araña cuando pasa el mouse por un enlace
  24. var lineweighthighlight=50
  25.  
  26. // El grosor cuando no estamos apuntando a un enlace
  27. var lineweightnormal=2
  28.  
  29. ///////////////////////////////////////////////////////////////////////////
  30. // Final de configuracion
  31. ///////////////////////////////////////////////////////////////////////////
  32.  
  33. var distancetomouse=0
  34.  
  35. var mousepos_x=0
  36. var mousepos_x=0
  37.  
  38. var marginleft=0
  39. var margintop=0
  40. var marginbottom=0
  41. var marginright=0
  42.  
  43. var margincenterx
  44. var margincentery
  45.  
  46. var mousepos_x=0
  47. var mousepos_x=0
  48.  
  49. if (document.all&&window.print){
  50.     document.write('<div id="bodycontent" style="position:relative">')
  51. }
  52.  
  53. function initiateanimation(){
  54.  
  55.     marginbottom=document.body.clientHeight
  56.     marginright=document.body.clientWidth
  57.     margincenterx=Math.floor(marginright/2)
  58.     margincentery=Math.floor(marginbottom/2)
  59.    
  60.     rectangulartopleft.to=marginleft+","+margintop
  61.     rectangulartopright.to=marginright+","+margintop
  62.     rectangularbottomleft.to=marginleft+","+marginbottom
  63.     rectangularbottomright.to=marginright+","+marginbottom
  64.    
  65.     rectangulartop.to=margincenterx+","+margintop
  66.     rectangularright.to=marginright+","+margincentery
  67.     rectangularbottom.to=margincenterx+","+marginbottom
  68.     rectangularleft.to=marginleft+","+margincentery
  69.    
  70.     rectangulartopleft.strokecolor=defaultcolor
  71.     rectangulartopright.strokecolor=defaultcolor
  72.     rectangularbottomleft.strokecolor=defaultcolor
  73.     rectangularbottomright.strokecolor=defaultcolor
  74.    
  75.     rectangulartop.strokecolor=defaultcolor
  76.     rectangularright.strokecolor=defaultcolor
  77.     rectangularbottom.strokecolor=defaultcolor
  78.     rectangularleft.strokecolor=defaultcolor
  79. }
  80.  
  81. function msover(thiscolorhighlight){
  82.     if(document.all&&window.print){
  83.         rectangulartopleft.strokecolor=thiscolorhighlight
  84.         rectangulartopright.strokecolor=thiscolorhighlight
  85.         rectangularbottomleft.strokecolor=thiscolorhighlight
  86.         rectangularbottomright.strokecolor=thiscolorhighlight
  87.    
  88.         rectangulartop.strokecolor=thiscolorhighlight
  89.         rectangularright.strokecolor=thiscolorhighlight
  90.         rectangularbottom.strokecolor=thiscolorhighlight
  91.         rectangularleft.strokecolor=thiscolorhighlight
  92.        
  93.         rectangulartopleft.strokeweight=lineweighthighlight
  94.         rectangulartopright.strokeweight=lineweighthighlight
  95.         rectangularbottomleft.strokeweight=lineweighthighlight
  96.         rectangularbottomright.strokeweight=lineweighthighlight
  97.    
  98.         rectangulartop.strokeweight=lineweighthighlight
  99.         rectangularright.strokeweight=lineweighthighlight
  100.         rectangularbottom.strokeweight=lineweighthighlight
  101.         rectangularleft.strokeweight=lineweighthighlight
  102.     }
  103. }
  104.  
  105. function msout(){
  106.     if(document.all&&window.print){
  107.         rectangulartopleft.strokecolor=defaultcolor
  108.         rectangulartopright.strokecolor=defaultcolor
  109.         rectangularbottomleft.strokecolor=defaultcolor
  110.         rectangularbottomright.strokecolor=defaultcolor
  111.    
  112.         rectangulartop.strokecolor=defaultcolor
  113.         rectangularright.strokecolor=defaultcolor
  114.         rectangularbottom.strokecolor=defaultcolor
  115.         rectangularleft.strokecolor=defaultcolor
  116.        
  117.         rectangulartopleft.strokeweight=lineweightnormal
  118.         rectangulartopright.strokeweight=lineweightnormal
  119.         rectangularbottomleft.strokeweight=lineweightnormal
  120.         rectangularbottomright.strokeweight=lineweightnormal
  121.    
  122.         rectangulartop.strokeweight=lineweightnormal
  123.         rectangularright.strokeweight=lineweightnormal
  124.         rectangularbottom.strokeweight=lineweightnormal
  125.         rectangularleft.strokeweight=lineweightnormal      
  126.     }
  127. }
  128.  
  129.  
  130. function momouse(){
  131.     if(document.all&&window.print){
  132.         mousepos_x=document.body.scrollLeft+event.clientX
  133.         mousepos_y=document.body.scrollTop+event.clientY
  134.    
  135.         rectangulartopleft.from=mousepos_x+","+mousepos_y
  136.         rectangulartopright.from=mousepos_x+","+mousepos_y
  137.         rectangularbottomleft.from=mousepos_x+","+mousepos_y
  138.         rectangularbottomright.from=mousepos_x+","+mousepos_y
  139.    
  140.         rectangulartop.from=mousepos_x+","+mousepos_y
  141.         rectangularright.from=mousepos_x+","+mousepos_y
  142.         rectangularbottom.from=mousepos_x+","+mousepos_y
  143.         rectangularleft.from=mousepos_x+","+mousepos_y
  144.      }
  145. }
  146.  
  147. if(document.all&&window.print){
  148.     code="<v:line id=rectangulartopleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  149.     code+="<v:line id=rectangulartopright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  150.     code+="<v:line id=rectangularbottomleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  151.     code+="<v:line id=rectangularbottomright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  152.  
  153.     code+="<v:line id=rectangulartop style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  154.     code+="<v:line id=rectangularright style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  155.     code+="<v:line id=rectangularbottom style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  156.     code+="<v:line id=rectangularleft style='LEFT:0;POSITION:absolute;TOP:0;' strokeweight='"+lineweightnormal+"pt'></v:line>"
  157.  
  158.     document.body.insertAdjacentHTML("afterBegin",code)
  159.     document.onmousemove=momouse
  160.     window.onload=initiateanimation
  161. }
  162. </SCRIPT>



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Tela de araña" href="http://www.tutores.org/codigo/510/" target="_blank">Tela de araña</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
13/09/2004 2.47.47
1 5
no funciona el codigo

al parecer contiene errores
Comentario usuario
10-05-2009 20:35:24
2 5
a mi si me funciona MUY BIEN
Comentario usuario
09-12-2010 13:56:55
4 5
no me funciona el codigo que pasa
Comentario usuario
marha
3 5
hola,podrían ser un poco mas claro? dar ejemplos,(sobre o bajo qué codigo débo colocarlo)buen sitio en cuanto a aplicaciones, pero muy pobre encuanto a "ejemplos claros" gracias. :)
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.