Mostrar los tags: Css

Tan sencillo como indicarle a la función JavaScript un índice para que la etiqueta definida en el DOM cambie de clase CSS. Un evento y la función correspondiente se encargan de enviar el número para localizar la posición que ocupa la etiqueta en la estructura HTML...

Script basado en Operador (ternario) condicional para mostrar / ocultar contenidos con una sola función. Puede manejar de forma independiente cuantos elementos sean precisos, con absoluta simpleza y transparencia. Es adaptable para otras fucionalidades.

Espero sea útil.

Un saludo

Menú vertical de posición fija. Fue parte de un proyecto... Y, ha acabado en LWP por mención de Xve. En fin, aquí está.



Espero sea útil.

Un saludo

Experimento basado en una página web que va mostrando a través del menú los contenidos de uno en uno. Todo está icluido en la misma página, estructurado por capas visibles / ocultas.
Funciona al clicar en los enlaces del menú vertical... Aparecen los contenidos según la sección correspondiente. Al hacer click en la imagen, se amplia como fondo de esa sección. Se pueden añadir cuantas secciones sean precisas. De igual modo, son ampliables el número de imágenes y el texto u otros contenidos. El ejemplo ocupa 3,27 KB (3.355 bytes) al completo. Es rapidísimo y cómodo al no precisar otras páginas para las distintas secciones...

Espero sea útil.

Un saludo

Web basada en una página adaptable y compatible con cualquier navegador web, tableta, smartphone, móvil, etc... Construida en HTML y CSS desde cero, sólo ocupa al completo 2,13 KB (2.187 bytes); por tanto, NO precisa Javascript, Librerías, Feamewoks, ni nada parecido. Es una estructura amplable sin límite. Se pueden añadir más páginas clonando parte del código y adaptándolo. Tiene un límite: ¡La Imaginación. Qué se le va a hacer!...

Experimento en DHTML que muestra el movimiento de un objeto en relación opuesta a la posición del mouse. El objeto simula "huir" del puntero. Se encuentran en el centro exacto de la zona visible del navegador.

Sencillo experimento basado en el evento OnScroll para cambiar el aspecto, posición, visibilidad, etc. de un elemento u objeto.
Hemos visto como aparecen progresivamente contenidos según avanzamos el scroll de pantalla... Este básico script, puede adaptarse para éso y más efectos; no consume recursos innecesarios, no precisa librería alguna, sólo una función JS y pocas líneas de código se encargan de casi todo.

Código resumido al máximo para un efecto bounce de un objeto por la zona visible del navegador.
Puede ser la base para crear un Pong; Banner; Salvapantallas...

Para experimentar, en definitiva...

Pequeñísimo script para uso experimental que hace posible un mensaje de texto acompañando al cursor. También se puede poner una imagen, figura, etc...

Le afecta el DOCTYPE, a tener en cuenta para incluir en proyectos.

Links que al pasar el mouse se desprende texto con animaciones tipo: cambiar el color de forma aleatoria, hacer zoom de texto que se arrastra al mover el mouse...
Forma parte de una serie de experimentos creados en JavaScript y DHTML.

Espero sea útil.