Códigos Fuente de JavaScript

Mostrando del 571 al 580 de 916 registros
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Foto Fade Zoom OnClick Responsive


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 4 de Enero del 2018 por Scriptshow (141 códigos) (Publicado el 15 de Mayo del 2017)
11.097 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
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

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


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 23 de Diciembre del 2017 por Xve (294 códigos)
40.601 visualizaciones desde el 23 de Diciembre del 2017
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
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Agenda de nombres con búsqueda por JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(5)
Actualizado el 8 de Diciembre del 2017 por Scriptshow (141 códigos) (Publicado el 11 de Diciembre del 2016)
11.316 visualizaciones desde el 11 de Diciembre del 2016
Agenda de nombres con búsqueda filrada por JavaScript nativo.
Al teclear una o varias letras, aparecen por separado las palabras / nombres según el criterio indicado.
El diseño es responsive, se adapta al tamaño de cualquier navegador y/o dispositivo con CSS-Style.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 1.448
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Juego de memoria (Memorama)


JavaScript

estrellaestrellaestrellaestrellaestrella(13)
Actualizado el 25 de Noviembre del 2017 por Alejandro (9 códigos) (Publicado el 25 de Febrero del 2017)
47.485 visualizaciones desde el 25 de Febrero del 2017
Hice modificaciones a un código que saque de un libro ya que:
1.- Las cartas no siempre generaban pares
2.- Podía voltear mas de 2 cartas sin cubrirlas
3.- Cuando se terminaban las cartas quedaba el fondo

Así que las cartas ya siempre son en pares y limita a descubrir solo 2.
Al terminar las cartas dice "juego terminado" y al clickar comienza uno nuevo.

Es muy sencillo pero es base para desarrollos mas complejos, si tengo oportunidad luego lo publico con imágenes jeje

memorama

memorama11
Imágen de perfil
Val: 3.162
Oro
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Mostrar una imagen con javascript sin enviarla al servidor


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 20 de Noviembre del 2017 por Xve (294 códigos)
14.521 visualizaciones desde el 20 de Noviembre del 2017
Este código muestra como se puede visualizar una imagen seleccionada en el disco del usuario en le navegador sin enviarlas al servidor.
Se utiliza el objeto FileReader que se encuentra en los navegadores https://developer.mozilla.org/es/docs/Web/API/FileReader

El objeto FileReader permite que las aplicaciones web lean ficheros (o información en buffer) almacenados en el cliente de forma asíncrona, usando los objetos File o Blob dependiendo de los datos que se pretenden leer.

imagen-preview
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Menú Contextual JavaScript Personalizado


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Noviembre del 2017 por Scriptshow (141 códigos)
6.092 visualizaciones desde el 20 de Noviembre del 2017
Script que actúa con el botón derecho del mouse. Al hacer click, aparece un menú personalizable con CSS-Style.

Si no queremos que aparezca el menú contextual por defecto en nuestra web, esta puede ser una opción configurable con facilidad.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Modal muy simple


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 20 de Noviembre del 2017 por Scriptshow (141 códigos)
2.870 visualizaciones desde el 20 de Noviembre del 2017
Un script muy básico y compatible para hacer un Light-Box / Modal. Al clicar en un botón, enlace, imagen, etc. aparece una capa traslúcida de opacidad ajustable. Al clicar en cualquier parte del Modal, se cierra. Adaptable a tus proyectos sin problemas.

Espero sea útil.

Un saludo
Imágen de perfil
Val: 2.019
Plata
Ha mantenido su posición en JavaScript (en relación al último mes)
Gráfica de JavaScript

Cambia el Color de Párrafos OnClick


JavaScript

Publicado el 20 de Noviembre del 2017 por Scriptshow (141 códigos)
4.361 visualizaciones desde el 20 de Noviembre del 2017
Script que controla los párrafos de una estructura dándole formato, color, etc. Al clicar en un párrafo, éste cambia de color, fondo, etc. con CSS-Style. 100% adaptable y compatible.

Piensa en posibles aplicaciones...

Espero sea útil.

Un saludo