Códigos Fuente de JavaScript

Mostrando del 41 al 50 de 373 registros
Imágen de perfil

Mostrar ocultar contenidos, objetos, etc.


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 21 de Noviembre del 2016 por ScriptShow (Creado el 19 de Noviembre del 2016)
643 visualizaciones desde el 19 de Noviembre del 2016. Una media de 35 por semana
Script basado en Operador (ternario) condicional para mostrar / ocultar contenidos con una sola función. Puede manejar de forma independiente cuantos elementos sean precisos, con absoluta simpleza y transparencia. Es adaptable para otras fucionalidades.

Espero sea útil.

Un saludo
Imágen de perfil

Obtener la diferencia en minutos de dos horas


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 18 de Noviembre del 2016 por Xavi
836 visualizaciones desde el 18 de Noviembre del 2016. Una media de 42 por semana
Este simple código muestra como obtener la diferencia entre dos horas en minutos

diferencia-minutos
Imágen de perfil

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


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 18 de Noviembre del 2016 por ScriptShow
805 visualizaciones desde el 18 de Noviembre del 2016. Una media de 35 por semana
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

Buscar dentro de un select y seleccionar el valor


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 18 de Noviembre del 2016 por xve
951 visualizaciones desde el 18 de Noviembre del 2016. Una media de 42 por semana
Este simple código muestra como buscar en los <option> de un <select> y seleccionar el valor encontrado desde JavaScript con selectedIndex.
Imágen de perfil

Imagen de fondo JavaScript vs CSS3


JavaScript

Actualizado el 08 de Noviembre del 2016 por ScriptShow (Creado el 06 de Noviembre del 2016)
833 visualizaciones desde el 06 de Noviembre del 2016. Una media de 35 por semana
Imagen de fondo ajustada proporcionalmente con JavaScript, Igual que ahora ocurre con CSS3 y Background-Size. Compara y verás...
Se siguen utilizando hasta hoy conocidas librerías para este efecto... Pregunta: ¿Para qué sirve todo ésto?. Bueno, por transparencia, por ausencia de "lag" de ese que tod@s se quejan y nadie soluciona ¿quizás?. Y, porque tod@s entendemos como funciona el script: compara y cambia la Class - CSS según redimensionamos, por simplificar.
Ventajas: si has optimizado la imagen, responderá en milisegundos; es compatible con IExplorer igualando resultados con los "novísimos" navegadores, etc... Ahora, puedes decidir qué hacer al respecto.
Imágen de perfil

Movimiento inverso al mouse


JavaScript

Publicado el 06 de Noviembre del 2016 por ScriptShow
608 visualizaciones desde el 06 de Noviembre del 2016. Una media de 28 por semana
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

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)
683 visualizaciones desde el 04 de Noviembre del 2016. Una media de 28 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)
655 visualizaciones desde el 04 de Noviembre del 2016. Una media de 28 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)
645 visualizaciones desde el 05 de Noviembre del 2016. Una media de 28 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)
1.280 visualizaciones desde el 01 de Noviembre del 2016. Una media de 56 por semana
Este código muestra como crear y mezclar una baraja de cartas.

baraja-de-cartas