Códigos Fuente de JavaScript

Mostrando del 31 al 40 de 359 registros
Imágen de perfil

Cambiar el aspecto de un elemento al mover el scroll


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 06 de Noviembre del 2016 por ScriptShow (Creado el 04 de Noviembre del 2016)
616 visualizaciones desde el 04 de Noviembre del 2016. Una media de 42 por semana
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

Movimiento aleatorio bounce simple


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 06 de Noviembre del 2016 por ScriptShow (Creado el 04 de Noviembre del 2016)
580 visualizaciones desde el 04 de Noviembre del 2016. Una media de 42 por semana
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

Texto junto al puntero del mouse


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 06 de Noviembre del 2016 por ScriptShow (Creado el 05 de Noviembre del 2016)
594 visualizaciones desde el 05 de Noviembre del 2016. Una media de 42 por semana
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

Crear y mezclar una baraja de cartas


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 02 de Noviembre del 2016 por xve (Creado el 01 de Noviembre del 2016)
997 visualizaciones desde el 01 de Noviembre del 2016. Una media de 63 por semana
Este código muestra como crear y mezclar una baraja de cartas.

baraja-de-cartas
Imágen de perfil

Links con animaciones Zoom - Color Onmouseover


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 02 de Noviembre del 2016 por ScriptShow
573 visualizaciones desde el 02 de Noviembre del 2016. Una media de 42 por semana
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

Visor de Imágenes Onclick V.1.0


JavaScript

Publicado el 01 de Noviembre del 2016 por ScriptShow
691 visualizaciones desde el 01 de Noviembre del 2016. Una media de 49 por semana
Visor de imágenes onclick muy simple y adaptable. Se puede ampliar con facilidad...
Todo el código ocupa 5,79 KB (5.932 bytes). Al igual que en cualquier proyecto similar, es conveniente optimizar las imágenes según las necesidades. En fin...
Funciona al clicar en el enlace del álbum. Aparecerán tantas imágenes como contenga. Haz click en una miniatura, se ampliará al tamaño visible de la ventana del navegador. Vuelve a clicar en la imagen para retornar al álbum.
Imágen de perfil

Responsive Background Images JS


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 30 de Octubre del 2016 por ScriptShow (Creado el 29 de Octubre del 2016)
893 visualizaciones desde el 29 de Octubre del 2016. Una media de 56 por semana
Sencillo experimento de imagen proporcionalmente ajustada a la ventana del navegador con javascript. Interactúa moviendo el mouse y redimensionando para ver el efecto.
Todo el código del ejemplo, ocupa sólo 2,73 KB (2.798 bytes) y, hace las mismas funciones que algunos frameworks, probado. Pregunta: ¿Para qué utilizar más de 1Mb. de código generado por estos últimos?. ¿A caso lo ignoramos?... Bien, ¡disfruta experimentando!.
Imágen de perfil

Menú Horizontal Ver.1.0


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 27 de Octubre del 2016 por ScriptShow (Creado el 22 de Octubre del 2016)
1.228 visualizaciones desde el 22 de Octubre del 2016. Una media de 70 por semana
Otro menú horizontal, de los que se ven...

Nos desconcierta no encontrar el menú en primera línea, de color sólido... No me refiero a esos "bocadillos" "modernos" de ahora.... Hablo de INTERACTUAR para que aparezcan el menú y otros contenidos de forma "elegante". No temas, este es de los que se ven a la primera. No obstante, al igual que hice en años pasados, volveré con una página "vacía". Como esta: http://www.retroaudio.es/stereo/ Dedícale algunos minutos si quieres apreciar detalles... En España, sólo es para test. En Baleares vs Alemania, Austria, Dinamarca, Suecia, Finlandia, Paises bajos, etc..., no. Ah, Canadá, Australia, Japón, tampoco es para test.
Imágen de perfil

Desactivar eventos de forma selectiva


JavaScript

Actualizado el 27 de Octubre del 2016 por ScriptShow (Creado el 21 de Octubre del 2016)
591 visualizaciones desde el 21 de Octubre del 2016. Una media de 35 por semana
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...
Imágen de perfil

Buscar cadena en el DOM


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 20 de Octubre del 2016 por kip
1.007 visualizaciones desde el 20 de Octubre del 2016. Una media de 56 por semana
Funcion que permite hacer una busqueda en el DOM, exceptuando los elementos BUTTON e INPUT, hace un highlight de las coincidencias mientras se las escribe en el input con el atributo ID asignado, haciendo uso de expresiones regulares.

busc

Su uso es sencillo, colocar el codigo de la funcion al inicio del documento y al final llamar a la funcion enviando como parametro el atributo ID del input en donde se ingresara la busqueda.

1
2
3
<script type="text/javascript">
	searchDOM('busqueda');
</script>

wdodfMlncX

Saludos.