Mostrar los tags: dhtml

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

Sidenav Menú Vertical


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 15 de Enero del 2017)
2.864 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 (138 códigos) (Publicado el 28 de Septiembre del 2017)
4.485 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 (138 códigos) (Publicado el 12 de Octubre del 2017)
1.600 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(1)
Actualizado el 4 de Octubre del 2020 por Scriptshow (138 códigos) (Publicado el 27 de Enero del 2018)
2.357 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 (138 códigos) (Publicado el 19 de Octubre del 2016)
2.556 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(6)
Actualizado el 22 de Febrero del 2020 por Scriptshow (138 códigos) (Publicado el 10 de Diciembre del 2016)
7.987 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 (138 códigos) (Publicado el 6 de Noviembre del 2016)
4.158 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 (138 códigos) (Publicado el 1 de Noviembre del 2016)
3.067 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
Imágen de perfil

Slide Fullscreen Images Manual


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 2 de Febrero del 2020 por Scriptshow (138 códigos) (Publicado el 29 de Octubre del 2016)
1.939 visualizaciones desde el 29 de Octubre del 2016
Slide Fullscreen Imagen ajustada a la ventana del navegador con javascript. Interactúa moviendo el mouse y pulsando en los enlaces, aparecerán los contenidos del álbum correspondiente. Haz click en las miniaturas para ampliar la imagen. Pulsa en la imagen para volver al álbum, etc.

Espero sea útil.

Un saludo