Mostrar los tags: JavaScript

Mostrando del 21 al 30 de 164 coincidencias
Se ha buscado por el tag: JavaScript
Imágen de perfil

Dibujar en Javascript con Canvas


JavaScript

Publicado el 9 de Enero del 2020 por Ana Zelideth
351 visualizaciones desde el 9 de Enero del 2020
Buen día les comparto un ejemplo de como hacer círculos y un pino en Javascript con canvas.

arbol-navidad-canvas
Imágen de perfil

Mostrar un bocadillo o popup encima de una texto dado


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel
477 visualizaciones desde el 20 de Diciembre del 2019
Este código es una modificación del codigo que se encuentra en https://www.w3schools.com/howto/tryit.asp?filename=tryhow_js_popup para mostrar como podemos mostrar un popup o bocadillo encima de cualquier elemento.

popup
Imágen de perfil

Ejemplo de como mostrar y esconder un elemento con animation


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 20 de Diciembre del 2019 por Joel
619 visualizaciones desde el 20 de Diciembre del 2019
Este ejemplo, muestra como mostrar un elemento (fadeIn) y esconderlo (fadeOn) utilizando el estilo animation con la opacidad.
Con Javascript añadimos o quitamos los estilos al elemento para que realice la animación.
Imágen de perfil

Recortar el texto de un div para posteriormente permitir visualizarlo


JQuery

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 11 de Diciembre del 2019 por Xavi (Publicado el 3 de Septiembre del 2014)
4.545 visualizaciones desde el 3 de Septiembre del 2014
Código que dada una cadena superior a 100 caracteres, la recorta y añade al final del mismo un texto de "(más)" para mostrar todo el contenido nuevamente. De igual forma, aparece el texto "(menos)" al final para recortarlo posteriormente.

El funcionamiento del mismo, es que se guardan las cadenas de texto en un array de valores de javascript, para de esta manera, poder visualizar nuevamente todo el contenido.

recortar-texto-div
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)
10.606 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(2)
Actualizado el 24 de Octubre del 2019 por Scriptshow (Publicado el 21 de Mayo del 2017)
2.778 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.783 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.098 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)
3.108 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.704 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