Códigos Fuente de JavaScript

Mostrando del 1 al 10 de 428 registros
<<>>
Imágen de perfil
Actualizado

Dibujo del árbol de navidad


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 14 de Enero del 2018 por Xavi (Publicado el 02 de Junio del 2017)
2.107 visualizaciones desde el 02 de Junio del 2017. Una media de 70 por semana
Este simple código, muestra como dibujar dos tipos de árbol de navidad con asteriscos.

arbol-de-navidad
Imágen de perfil

Crear los barcos para el juego de Guerra de barcos


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 13 de Enero del 2018 por xve
293 visualizaciones desde el 13 de Enero del 2018
Código que genera un array bidimensional donde pone los barcos necesarios para jugar al juego de Guerra de barcos y muestra su posición en la pantalla utilizando canvas.

guerra-de-barcos


Los barcos no se pueden tocar en la cuadricula.
Los tipos de barcos a utilizar en el juego son:
- 1 de 4 posiciones
- 2 de 3 posiciones
- 3 de 2 posiciones
- 4 de 1 posición

Muy agradecido a mi amigo Kip por su ayuda en el desarrollo!!!
Imágen de perfil

Eliminar acentos con replace utilizando una expresión regular


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 09 de Enero del 2018 por xve
210 visualizaciones desde el 09 de Enero del 2018
Este simple código muestra como eliminar los acentos y eñes de una cadena utilizando la función replace con una expresión regular.
Imágen de perfil

Slide Fullscreen Images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 06 de Enero del 2018 por ScriptShow (Publicado el 29 de Octubre del 2016)
1.288 visualizaciones desde el 29 de Octubre del 2016. Una media de 21 por semana
Slide Fullscreen Imagen ajustada a la ventana del navegador con javascript. Interactúa moviendo el mouse y pulsando en los enlaces, aparecerán los contenidos del álbum correspondiente. Haz click en las miniaturas para ampliar la imagen. Pulsa en la imagen para volver al álbum, etc.

Espero sea útil.

Un saludo
Imágen de perfil

SimpleSlide - Visor de Imágenes Onclick


JavaScript

Actualizado el 06 de Enero del 2018 por ScriptShow (Publicado el 01 de Noviembre del 2016)
1.425 visualizaciones desde el 01 de Noviembre del 2016. Una media de 28 por semana
Visor de imágenes ordenadas por álbumes. Ampliable, compatible, flexible...

Funciona al pulsar 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.

Espero que sea útil.

Un saludo
Imágen de perfil

Foto Fade Zoom OnClick Responsive


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 04 de Enero del 2018 por ScriptShow (Publicado el 15 de Mayo del 2017)
1.334 visualizaciones desde el 15 de Mayo del 2017. Una media de 42 por semana
Visor de fotos e imágenes con efectos fade y zoom, responsive y compatible. Se puede ajustar para resoluciones inferiores a 480px (móvil), evitando que se ejecute la función JavaScript.
Al clicar en una imagen, se amplía y se posiciona fija en primer plano; volver a clicar para cerrar la imagen. Los procesos indicados, van acompañados de efectos declarados en Clases CSS. Una función JavaScript procesa los eventos.
Imágen de perfil

KeybNav - Navegar por medio del teclado


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 31 de Diciembre del 2017 por ScriptShow (Publicado el 14 de Septiembre del 2017)
948 visualizaciones desde el 14 de Septiembre del 2017. Una media de 56 por semana
Parece que interesa el tema de navegar por medio del teclado: flechas de dirección, etc...

Pulsa las teclas de dirección; mueve las barras de scroll para ver el efecto. Repite...

Acerca el mouse a la imagen para ver las opciones. Haz clicks para cambiarlas...

Espero sea útil.

Un saludo
Imágen de perfil

Foto Click / Keyb - Visor de Imágenes Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 30 de Diciembre del 2017 por ScriptShow (Publicado el 22 de Julio del 2017)
1.293 visualizaciones desde el 22 de Julio del 2017. Una media de 56 por semana
Se trata de un visor de imágenes y/o fotos manual...
Cambia las imágenes adelante y atrás clicando en la parte izquierda o derecha de la imagen y/o pulsando las teclas de dirección-flechas.
La imagen permanece centrada y ajustada proporcional a las dimensiones.

Es un diseño responsive, se adapta a cualquier resolución de pantalla y/o dispositivo.

Espero sea útil.

Un saludo
Imágen de perfil

Evento hover en javascript para mostrar una imagen al pasar el ratón por encima de otra


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 23 de Diciembre del 2017 por xve
481 visualizaciones desde el 23 de Diciembre del 2017. Una media de 119 por semana
Este código muestra como utilizar los evento de javascript mouseover y mouseout para simular el evento de CSS hover al pasar el ratón por encima de una imagen.

Al pasar el ratón por encima de cualquiera de las imágenes, muestra dicha imagen como background de un div.

onmouseover-y-onmouseout-en-imagen
Imágen de perfil

Generador de Códigos QR con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 17 de Diciembre del 2017 por ScriptShow (Publicado el 01 de Febrero del 2017)
2.852 visualizaciones desde el 01 de Febrero del 2017. Una media de 63 por semana
Generador de Códigos QR offline con JavaScript.

Una aplicación muy extendida por la web en sus diversas versiones... Aquí traemos un sencillo script que hace lo mismo, genera Códigos QR apartir de un texto escrito en un Textarea.
Para cualquier duda, leer los créditos incluidos en el archivo JS.

The word 'QR Code' is registered trademark of DENSO WAVE INCORPORATED

Espero sea útil.

Un saludo