Mostrar los tags: javascript

Mostrando del 1 al 10 de 151 coincidencias
<<>>
Se ha buscado por el tag: javascript
Imágen de perfil

Generador de Códigos QR con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(8)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 1 de Febrero del 2017)
9.505 visualizaciones desde el 1 de Febrero del 2017
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
Imágen de perfil

Mover objetos con el Scroll (Parallax)


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 21 de Mayo del 2017)
2.586 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

SALVAPANTALLAS WEB 2.0


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 11 de Junio del 2017)
1.638 visualizaciones desde el 11 de Junio del 2017
Salvapantallas para Web, realizado en JavaScript y CSS.
En ausencia de actividad en la Web, pasados unos segundos (ajustables), aparecen textos que se desplazan por la pantalla. Al mover el mouse, teclear, clikcar, etc. se desactiva el Salvapantallas.

Es un script adaptable para otros y/o varios usos.

Espero sea útil.

Un saludo
Imágen de perfil

Retornar al Top de la página progresivamente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 24 de Octubre del 2019 por ScriptShow (Publicado el 24 de Septiembre del 2017)
1.033 visualizaciones desde el 24 de Septiembre del 2017
Código JavaScript para retornar progresivamente al Top de la página pulsando en un enlace, una imagen, un botón, etc. Adaptable, ajustable, ampliable...
Funciona en todos los navegadores y dispositivos compatibles.

Espero sea útil.
Imágen de perfil

Mostrar Ocultar Contenidos de forma Independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 9 de Abril del 2017)
2.891 visualizaciones desde el 9 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

Foto Click / Keyb - Visor de Imágenes Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Octubre del 2019 por ScriptShow (Publicado el 22 de Julio del 2017)
4.217 visualizaciones desde el 22 de Julio del 2017
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

Indicador de máximo y mínimo con mas de una aguja


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 1 de Octubre del 2019 por joel
598 visualizaciones desde el 1 de Octubre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo con varias agujas, utilizando únicamente CSS para crear el dibujo y JavaScript para mover las agujas.

indicador-minimo-maximo-con-4-agujas

Continuación del código de https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html
Imágen de perfil

Indicador de mínimo y máximo con aguja


CSS

estrellaestrellaestrellaestrellaestrella(3)
Publicado el 21 de Septiembre del 2019 por joel
765 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5542-Indicador-de-minimo-y-maximo-con-aguja-que-cambia-de-color.html, este no cambia el color de la aguja.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().
Imágen de perfil

Indicador de mínimo y máximo con aguja que cambia de color


CSS

estrellaestrellaestrellaestrellaestrella(2)
Publicado el 21 de Septiembre del 2019 por joel
682 visualizaciones desde el 21 de Septiembre del 2019
Aquí les muestro una manera de crear un indicador con mínimo y máximo utilizando únicamente CSS para crear el dibujo.
A diferencia del código: https://www.lawebdelprogramador.com/codigo/CSS/5543-Indicador-de-minimo-y-maximo-con-aguja.html, en este la aguja va cambiando de color de verde a rojo según su valor.
Se puede utilizar con % o un valor mínimo y máximo.

minimo-y-maximo-con-aguja


Se utiliza javascript para mover los grados de la aguja, la cual se gira con CSS utilizando transform:rotate().
Imágen de perfil

Ocultar y mostrar un elemento con un botón


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 26 de Agosto del 2019 por xve (Publicado el 12 de Julio del 2018)
1.672 visualizaciones desde el 12 de Julio del 2018
Simple código que muestra como mostrar o ocultar un elemento añadiéndole o quitandole una clase de CSS que esconde o muestra el elemento.