Códigos Fuente de JavaScript

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

Mover objetos con el Scroll (Parallax)


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Mayo del 2017 por ScriptShow (Creado el 21 de Mayo del 2017)
59 visualizaciones desde el 21 de Mayo del 2017
Mover objetos, texto, imágenes, etc. con la barra de scroll. Utilizado también para efectos como Parallax.
Un evento invoca la función JavaScript encargada de hacer los efectos. La posición del scroll con respecto al Top, determina la posición de un DIV. Una división matemática, ralentiza el movimiento con respecto al fondo. Hay más opciones posibles...


Espero sea útil.

Un saludo
Imágen de perfil

Foto Fade Zoom Responsive


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 15 de Mayo del 2017 por ScriptShow
198 visualizaciones desde el 15 de Mayo del 2017
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

juego con temática draw a stickman epic


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 10 de Mayo del 2017 por Humberto
142 visualizaciones desde el 10 de Mayo del 2017
Dibuja tu personaje y juega con él
descarga-4
descarga-5
Imágen de perfil

triángulo interactivo en canvas


JavaScript

Actualizado el 05 de Mayo del 2017 por Humberto (Creado el 03 de Mayo del 2017)
154 visualizaciones desde el 03 de Mayo del 2017
Hola, les traigo un código de trigonometría me he centrado en ese tema pero eso ke disfrutenlo :D

Este código permite jugar con un triangulo desde canvas.

descarga
Imágen de perfil

Botón con movimiento en canvas


JavaScript

Publicado el 27 de Abril del 2017 por Humberto
294 visualizaciones desde el 27 de Abril del 2017
Botón en canvas que se mueve
Captura-de-pantalla-48

Hace una transición para mover el botón
Captura-de-pantalla-49
Imágen de perfil

Paint en javascript


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 26 de Abril del 2017 por Humberto
180 visualizaciones desde el 26 de Abril del 2017
Al pasar sobre el documento muestra las coordenadas y dibuja
Captura-de-pantalla-47
Imágen de perfil

Animacion con Sprite Sheets


JavaScript

estrellaestrellaestrellaestrellaestrella(14)
Actualizado el 25 de Abril del 2017 por Alejandro (Creado el 14 de Marzo del 2017)
990 visualizaciones desde el 14 de Marzo del 2017. Una media de 105 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 [abZeroX]
165 visualizaciones desde el 15 de Abril del 2017. Una media de 35 por semana
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)
322 visualizaciones desde el 09 de Abril del 2017. Una media de 56 por semana
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)
413 visualizaciones desde el 15 de Marzo del 2017. Una media de 42 por semana
Esta es una calculadora un poco mas compleja que la que habia hecho anteriormente