Códigos Fuente de JavaScript

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

Animacion con Sprite Sheets


JavaScript

estrellaestrellaestrellaestrellaestrella(12)
Actualizado el 25 de Abril del 2017 por Alejandro (Creado el 14 de Marzo del 2017)
573 visualizaciones desde el 14 de Marzo del 2017. Una media de 98 por semana
pacman12
Un Pac-man que caminar a izquierda o derecha segun la tecla pulsada, salta al presionar la barra espaciadora y corre con ctrl. Participa un gato al que hay que evitar y ademas hay presencia de sonidos.

Es un sencillo ejemplo donde se ve animacion con el uso de Sprite Sheets, interaccion con el teclado, colisiones y reproduccion de sonido, escencias basicas para el desarollo de videojuegos :D
Imágen de perfil

Ajax - Promises


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 15 de Abril del 2017 por Alejandro
108 visualizaciones desde el 15 de Abril del 2017
Esta clase permite realizar peticiones vía ajax de forma fácil, utilizando los métodos GET y POST.
La sencillez de la clase se ve beneficiada por el uso del objeto Promise implementado en el último estándar de ECMASCRIPT 6 - ES2015.
Imágen de perfil

Mostrar Ocultar Contenidos de forma Independiente


JavaScript

Actualizado el 12 de Abril del 2017 por ScriptShow (Creado el 09 de Abril del 2017)
256 visualizaciones desde el 09 de Abril del 2017
Mostrar y ocultar contenidos al clicar en enlaces, botones, imágenes, menús, tabs...
Una sola función en JavaScript se encarga de todo. Basado en un bucle e índices para localizar los elementos / objetos y sus atributos.

Ampliable y compatible con la mayoría de navegadores.

Espero sea útil.
Imágen de perfil

Calculadora Basica


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 16 de Marzo del 2017 por Humberto (Creado el 15 de Marzo del 2017)
265 visualizaciones desde el 15 de Marzo del 2017. Una media de 49 por semana
Esta es una calculadora un poco mas compleja que la que habia hecho anteriormente
Imágen de perfil

Añadir texto al final de una frase con JScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Marzo del 2017 por ScriptShow
200 visualizaciones desde el 12 de Marzo del 2017. Una media de 35 por semana
Hay varias opciones para realizar lo indicado en el Título de este post.
Vamos a intentar una forma sencilla de añadir texto al final de una frase...

Espero sea útil.


Un saludo
Imágen de perfil

Imagen con Efecto Lupa OnMouseMove


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 12 de Marzo del 2017 por ScriptShow (Creado el 10 de Marzo del 2017)
416 visualizaciones desde el 10 de Marzo del 2017. Una media de 63 por semana
Se trata de un efecto que hace Zoom sobre una imagen aumentando la zona señalada por el mouse. Conocido efecto lupa que se utiliza en Ecomercios para mostrar detalles del producto, etc.

La particularidad es que funciona con menos de 20 líneas de código JavaScript.


Un saludo
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por ScriptShow (Creado el 26 de Febrero del 2017)
365 visualizaciones desde el 26 de Febrero del 2017. Una media de 49 por semana
Como construir un Grid con JavaScript y CSS con efectos de giro, cambio de color y de forma al clicar en los cuadrados, que han sido creados virtualmente por un bucle con JScript.

Un experimento que puede ser adaptado para diversos propósitos.


Un saludo
Imágen de perfil

Calculadora super basica


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 09 de Marzo del 2017 por Humberto (Creado el 08 de Marzo del 2017)
298 visualizaciones desde el 08 de Marzo del 2017. Una media de 49 por semana
Captura
Imágen de perfil

Ropmecabezas numérico


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 08 de Marzo del 2017 por Alejandro (Creado el 06 de Marzo del 2017)
227 visualizaciones desde el 06 de Marzo del 2017. Una media de 35 por semana
1197386815_f1
El clásico rompecabezas numérico. ¿Quien no lo conoce?
Imágen de perfil

Triangulo rectangulo editable con canvas


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 05 de Marzo del 2017 por Humberto (Creado el 18 de Agosto del 2016)
1.582 visualizaciones desde el 18 de Agosto del 2016. Una media de 49 por semana
El código lo que hace es dibujar un triángulo rectángulo con las medidas que le has dado (pixeles). Además de otras funciones: dibujar, limpiar y descargar.

Captura