Mostrar los tags: dhtml

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

Focus / Blur Efectos en Web Site


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 22 de Febrero del 2022 por Scriptshow (141 códigos) (Publicado el 20 de Noviembre del 2017)
3.371 visualizaciones desde el 20 de Noviembre del 2017
Script que cambia el aspecto de una web, intro, etc. al clicar dentro o fuera del navegador. Los eventos: OnFocus / OnBlur asociados a funciones JavaScript, cambian la/s Clase/s y contenidos de un Sitio Web. Abre el browser en primer plano; haz click sin cerrarlo ni minizarlo para ver el efecto.

Piensa en posibles aplicaciones...

Espero sea útil.

Un saludo
Imágen de perfil

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 15 de Enero del 2017)
3.876 visualizaciones desde el 15 de Enero del 2017
Menú vertical con efecto opacity sobre fondo de imágenes...

Tiene la particularidad de no utilizar librerías varias, ni tampoco frameworks alguno; además, ocupa al completo sólo 1,43 KB (1.466 bytes) todo el código. Es altamente compatible y adaptable.

Espero sea útil.

Un saludo
Imágen de perfil

GRID Responsive JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 28 de Septiembre del 2017)
5.955 visualizaciones desde el 28 de Septiembre del 2017
Contiene ejemplos con imágenes incluidas y distribuidas en GRID responsive, adaptable.
Esta versión incluye tres variantes del script. Puedes elegir la opción más adecuada a tu proyecto.

Cambia el número de columnas y tamaño del contenido del GRID con JavaScript compatible.

Origen de las imágenes: https://pixabay.com/

Espero sea útil.

Un saludo
Imágen de perfil

Simple + UI / UX (experiment)


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 12 de Octubre del 2017)
2.355 visualizaciones desde el 12 de Octubre del 2017
Simple + es un experimento de menús sobre fondos con diversos efectos...

La experiencia se basa en interactuar con la opacidad de capas y contenidos posibles a través de menús. Puede tener diversas aplicaciones como Web UI / UX una vez terminada.
Es absolutamente compatible y adaptable.

Espero que disfrutéis.

Un saludo
Imágen de perfil

Redimensionar DIV siguiendo las coordenadas del Mouse


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 4 de Octubre del 2020 por Scriptshow (141 códigos) (Publicado el 27 de Enero del 2018)
4.196 visualizaciones desde el 27 de Enero del 2018
Código Javascript para cambiar el tamaño de un DIV siguiendo las coordenadas del mouse.
Un efecto "cortina" manual como base para experimentar, etc...
Un evento asociado a la función, se encarga de manejar el DOM.
Imágen de perfil

Code Test - (Editor de código fuente)


JavaScript

estrellaestrellaestrellaestrellaestrella(3)
Actualizado el 22 de Febrero del 2020 por Scriptshow (141 códigos) (Publicado el 19 de Octubre del 2016)
3.186 visualizaciones desde el 19 de Octubre del 2016
Script para editar y probar código HTML, CSS, JavaScript, etc. online y offline. Pega el código y pulsa el botón. El resultado se muestra en una ventana. Muy fácil de manejar y compatible.
Imágen de perfil

Editor de texto con opciones básicas


JavaScript

estrellaestrellaestrellaestrellaestrella(7)
Actualizado el 22 de Febrero del 2020 por Scriptshow (141 códigos) (Publicado el 10 de Diciembre del 2016)
10.065 visualizaciones desde el 10 de Diciembre del 2016
Sencillo Editor basado en "execCommand" incluido en JavaScript. Simplifica bastante el código necesario para ciertos comandos; estos comandos son ampliables siguiendo instruciones y documentación sobre "execCommand".
Es compatible con la mayoría de navegadores, con escasas diferencias. Se ha utilizado a lo largo de años para construir editores más sofisticados.

Es útil para experimentar y ver resultados. Puede ser adaptable con CSS-Style a pequeños proyectos. En fin...


Un saludo
Imágen de perfil

Imagen de fondo JavaScript vs CSS3


JavaScript

Actualizado el 22 de Febrero del 2020 por Scriptshow (141 códigos) (Publicado el 6 de Noviembre del 2016)
5.407 visualizaciones desde el 6 de Noviembre del 2016
Imagen de fondo ajustada proporcionalmente con JavaScript, Igual que ocurre con CSS3 y Background-Size.

El script, compara y cambia la Class - CSS según redimensionamos...
Si has optimizado la imagen, responderá en milisegundos.

Espero sea útil.
Imágen de perfil

SimpleSlide - Visor de Imágenes Onclick


JavaScript

Actualizado el 2 de Febrero del 2020 por Scriptshow (141 códigos) (Publicado el 1 de Noviembre del 2016)
3.741 visualizaciones desde el 1 de Noviembre del 2016
Visor de imágenes ordenadas por álbumes. Ampliable, compatible, flexible...

Funciona al pulsar en el enlace del álbum. Aparecerán tantas imágenes como contenga. Haz click en una miniatura, se ampliará al tamaño visible de la ventana del navegador. Vuelve a clicar en la imagen para retornar al álbum.

Espero que sea útil.

Un saludo