Códigos Fuente de JavaScript

Mostrando del 621 al 630 de 902 registros
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar contenidos de una página por capas v.1.0


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 18 de Noviembre del 2016 por Scriptshow (138 códigos)
1.555 visualizaciones desde el 18 de Noviembre del 2016
Experimento basado en una página web que va mostrando a través del menú los contenidos de uno en uno. Todo está icluido en la misma página, estructurado por capas visibles / ocultas.
Funciona al clicar en los enlaces del menú vertical... Aparecen los contenidos según la sección correspondiente. Al hacer click en la imagen, se amplia como fondo de esa sección. Se pueden añadir cuantas secciones sean precisas. De igual modo, son ampliables el número de imágenes y el texto u otros contenidos. El ejemplo ocupa 3,27 KB (3.355 bytes) al completo. Es rapidísimo y cómodo al no precisar otras páginas para las distintas secciones...

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Movimiento inverso al mouse


JavaScript

Publicado el 6 de Noviembre del 2016 por Scriptshow (138 códigos)
1.502 visualizaciones desde el 6 de Noviembre del 2016
Experimento en DHTML que muestra el movimiento de un objeto en relación opuesta a la posición del mouse. El objeto simula "huir" del puntero. Se encuentran en el centro exacto de la zona visible del navegador.
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambiar el aspecto de un elemento al mover el scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 4 de Noviembre del 2016 por Scriptshow (138 códigos)
2.978 visualizaciones desde el 4 de Noviembre del 2016
Sencillo experimento basado en el evento OnScroll para cambiar el aspecto, posición, visibilidad, etc. de un elemento u objeto.
Hemos visto como aparecen progresivamente contenidos según avanzamos el scroll de pantalla... Este básico script, puede adaptarse para éso y más efectos; no consume recursos innecesarios, no precisa librería alguna, sólo una función JS y pocas líneas de código se encargan de casi todo.
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Movimiento aleatorio bounce simple


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 4 de Noviembre del 2016 por Scriptshow (138 códigos)
3.957 visualizaciones desde el 4 de Noviembre del 2016
Código resumido al máximo para un efecto bounce de un objeto por la zona visible del navegador.
Puede ser la base para crear un Pong; Banner; Salvapantallas...

Para experimentar, en definitiva...
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Texto junto al puntero del mouse


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 5 de Noviembre del 2016 por Scriptshow (138 códigos)
4.125 visualizaciones desde el 5 de Noviembre del 2016
Pequeñísimo script para uso experimental que hace posible un mensaje de texto acompañando al cursor. También se puede poner una imagen, figura, etc...

Le afecta el DOCTYPE, a tener en cuenta para incluir en proyectos.
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Links con animaciones Zoom - Color Onmouseover


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 2 de Noviembre del 2016 por Scriptshow (138 códigos)
1.355 visualizaciones desde el 2 de Noviembre del 2016
Links que al pasar el mouse se desprende texto con animaciones tipo: cambiar el color de forma aleatoria, hacer zoom de texto que se arrastra al mover el mouse...
Forma parte de una serie de experimentos creados en JavaScript y DHTML.

Espero sea útil.
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Desactivar eventos de forma selectiva


JavaScript

Actualizado el 27 de Octubre del 2016 por Scriptshow (138 códigos) (Publicado el 21 de Octubre del 2016)
1.533 visualizaciones desde el 21 de Octubre del 2016
En ocasiones se precisa desactivar eventos por diversas razones: El menú contextual para crear uno personalizado; la selección de texto, imagen, etc... La mayoría de los eventos se pueden manejar con javascript. Utilizaremos unos pocos y conocidos para este ejemplo. Podemos incluir otros muchos hasta dejar casi inoperativa u operativa cualquier acción. En fin...