SprintDevelop.com - Diseño y desarrollo web - Diseño, desarrollo web,Aplicaciones Móviles, TabletasSprintDevelop.com - Diseño y desarrollo web
Mostrando Codigo - Javascript
Code

Javascript - Efecto temblor

Códigos Javascript

Llama la atencion hacia enlaces determenidados con este efecto.- Temblor -
Visitas: 21,714 - 01/09/2003
DemoNO CONTIENE ARCHIVO DESCARGABLEComentario
EXPLICACION
El temblor trabaja en IE4+ y NS6+. Todo el codigo debe ir entre las etiquetas head de tus paginas y el resto en el body. Debes insertar el codigo de esta manera span id="jiggle0" class="jc"> TU TEXTO
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. <style>
  2. .jc{
  3. position:relative;
  4. }
  5. </style>
  6.  
  7. <script language="JavaScript1.2">
  8.  
  9. //Codigo obtenido en tutores.org
  10.  
  11.  
  12. var ns6=document.getElementById&&!document.all
  13. var ie=document.all
  14.  
  15. var customcollect=new Array()
  16. var i=0
  17.  
  18. function jiggleit(num){
  19. if ((!document.all&&!document.getElementById)) return;
  20. customcollect[num].style.left=(parseInt(customcollect[num].style.left)==-1)? customcollect[num].style.left=1 : customcollect[num].style.left=-1
  21. }
  22.  
  23. function init(){
  24. if (ie){
  25. while (eval("document.all.jiggle"+i)!=null){
  26. customcollect[i]= eval("document.all.jiggle"+i)
  27. i++
  28. }
  29. }
  30. else if (ns6){
  31. while (document.getElementById("jiggle"+i)!=null){
  32. customcollect[i]= document.getElementById("jiggle"+i)
  33. i++
  34. }
  35. }
  36.  
  37. if (customcollect.length==1)
  38. setInterval("jiggleit(0)",80)
  39. else if (customcollect.length>1)
  40. for (y=0;y<customcollect.length;y++){
  41. var tempvariable='setInterval("jiggleit('+y+')",'+'100)'
  42. eval(tempvariable)
  43. }
  44. }
  45.  
  46. window.onload=init
  47.  
  48. </script>
  49.  
  50. <span id="jiggle0" class="jc"><b>Buscando codigos para tu web, visita <a href="http://www.Tutores.org">Tutores.org</a></b></span>
  51.  
  52.  



ENLACE AL CODIGO
Si quieres enlazar desde tu pagina a este codigo
<!-- Inicio enlace Tutores.org -->
<a title="Tutores.org - Efecto temblor" href="http://www.tutores.org/codigo/461/" target="_blank">Efecto temblor</a>
<!-- Final enlace Tutores.org -->
COMENTARIOS
Comentario usuario
Karen y José Guadalupe
4 5
Hola me gusto mucho el formato del editor de texto para java script , quisiera saber como puedo conseguirlo, lo necesitamos pronto para 1 clase bye.
PD.Espero tu respuesta lo mas pronto posible.
PD gracias
Comentario usuario
12-05-2010 13:32:18
3 5
NO ME FUNCIONO!! CREO Q PUSE MAL LOS CODIGOS!! PORQ PUSE TODO EN EL HEAD Y LO ULTIMO <span id="jiggle0" class="jc"><b>Buscando codigos para tu web, visita <a href="PAGINAWEB"</a></b></span> EN EL LUGAR DONDE KERIA PARA Q HAGAN CLICK!! PERO NO ME ANDA..
USO FIREFOX. SERA POR ESO?
Comentario usuario
30-05-2010 09:01:23
3 5
EL EFECTO ESTA MUY PADRE Y LA VERDAD LLAMA MUCHO LA ATENCION
Comentario usuario
Yonatan07
2 5
Muy bueno...
Pero he visto en un sitio...
donde ponian uno
que hacia el temblor asia arriba, abajo y asia los costados... si saben como hacerlo
Mensaje please!
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.