Mostrar los tags: css

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

Mostrar Ocultar Contenidos de forma Independiente


JavaScript

Actualizado el 12 de Abril del 2017 por ScriptShow (Creado el 09 de Abril del 2017)
256 visualizaciones desde el 09 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

Añadir texto al final de una frase con JScript


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 12 de Marzo del 2017 por ScriptShow
200 visualizaciones desde el 12 de Marzo del 2017. Una media de 35 por semana
Hay varias opciones para realizar lo indicado en el Título de este post.
Vamos a intentar una forma sencilla de añadir texto al final de una frase...

Espero sea útil.


Un saludo
Imágen de perfil

Imagen con Efecto Lupa OnMouseMove


JavaScript

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 12 de Marzo del 2017 por ScriptShow (Creado el 10 de Marzo del 2017)
416 visualizaciones desde el 10 de Marzo del 2017. Una media de 63 por semana
Se trata de un efecto que hace Zoom sobre una imagen aumentando la zona señalada por el mouse. Conocido efecto lupa que se utiliza en Ecomercios para mostrar detalles del producto, etc.

La particularidad es que funciona con menos de 20 líneas de código JavaScript.


Un saludo
Imágen de perfil

Construir un Grid con JScript y CSS con efectos


JavaScript

Actualizado el 11 de Marzo del 2017 por ScriptShow (Creado el 26 de Febrero del 2017)
365 visualizaciones desde el 26 de Febrero del 2017. Una media de 49 por semana
Como construir un Grid con JavaScript y CSS con efectos de giro, cambio de color y de forma al clicar en los cuadrados, que han sido creados virtualmente por un bucle con JScript.

Un experimento que puede ser adaptado para diversos propósitos.


Un saludo
Imágen de perfil

Centrar Imagen responsable con métodos básicos de CSS


CSS

estrellaestrellaestrellaestrellaestrella(2)
Actualizado el 06 de Marzo del 2017 por ScriptShow (Creado el 05 de Marzo del 2017)
362 visualizaciones desde el 05 de Marzo del 2017. Una media de 56 por semana
Como centrar una imagen en cualquier dispositivo / pantalla de modo responsable con CSS compatible; sin pseudo clases, sin media query, sin calcular márgenes, sin importar el tamaño, etc.
El resultado es parecido al de aplicaciones de escritorio cuando redimensionamos la ventana.

Espero sea útil.


Un saludo
Imágen de perfil

Links de Texto que aumenta / disminuye OnMouseOver


CSS

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 02 de Marzo del 2017 por ScriptShow
474 visualizaciones desde el 02 de Marzo del 2017. Una media de 63 por semana
Un efecto con CSS sobre links de texto que aumenta / disminuye el tamaño de la fuente al pasar el mouse...
En fin, muy pocas líneas de código nativo se encargan de todo.

Espero que os guste.


Un saludo
Imágen de perfil

Construir un Grid con CSS y HTML con efectos


CSS

estrellaestrellaestrellaestrellaestrella(1)
Actualizado el 27 de Febrero del 2017 por ScriptShow (Creado el 26 de Febrero del 2017)
419 visualizaciones desde el 26 de Febrero del 2017. Una media de 56 por semana
Como construir un Grid en CSS y HTML con efectos de giro y cambio de color al clicar en los cuadrados. En fin, un experimento que no utiliza librerías...

Espero sea útil.


Un saludo
Imágen de perfil

Manejar opciones de un Select con JavaScript


JavaScript

Publicado el 14 de Febrero del 2017 por ScriptShow
643 visualizaciones desde el 14 de Febrero del 2017. Una media de 70 por semana
Una forma sencilla de manejar un Select con JavaScript. Se puede cambiar de opción a distancia, pulsando un botón, un enlace, una imagen, etc...
Si pones el valor de la primera opción del Select en el DOM, actúa como un "reset".

Espero sea útil para para experimentar.

Un saludo
Imágen de perfil

Generador de Códigos QR con JavaScript


JavaScript

estrellaestrellaestrellaestrellaestrella(4)
Publicado el 01 de Febrero del 2017 por ScriptShow
1.479 visualizaciones desde el 01 de Febrero del 2017. Una media de 126 por semana
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

Albumes de fotos con carga independiente


JavaScript

estrellaestrellaestrellaestrellaestrella(1)
Publicado el 19 de Enero del 2017 por ScriptShow
851 visualizaciones desde el 19 de Enero del 2017. Una media de 63 por semana
Visor de imágenes por álbumes con carga independiente...
Para evitar la espera al cargar álbumes que contienen muchas imágenes, sería aconsejable repartir en varios apartados, clasificados por contenidos, las diferentes fotos.

Técnicamente, hemos escogido una opción basada en varios Arrays que contienes las imágenes. Cada Array, está definido por una variable, que nos facilita su localización. Si clicamos en un enlace, invocamos el Array correspondiente incluido en una función, cargándose sólo esas imágenes...
El objetivo es poder ampliar casi indefinidamente el sistema, sin tener que esperar a que carguen todas las imágenes.

Espero sea útil.

Un saludo