ROMACODE

# 3.- Día 3

# Métodos de desvanecimiento de jQuery

        fadeIn() // Hace aparecer la imagen o objeto con difuminado
        fadeOut() // El objeto o etiqueta tiene que estar a la vista
        fadeToggle() // Hace 2 opciones aparecer y desaparecer objeto
        fadeTo() // Hace desaparecer la imagen o objeto con difuminado pero no se borra completamente

# fadeIn()

Mientras no cambie las posiciones a los elementos se puede utilizar 'fadeIn'

      $('etiqueta & clase $ id').fadeIn('aca se pone los segundos')

# Ejercicio 1

WARNING

Cuando le doí un click al 'h1' me tiene que ir apareciendo el parrafo en 8s

        <section>
            <h1 >H1 en section</h1>
            <article>
                <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Placeat aliquid velit expedita maiores voluptatum consequuntur ipsa dolorem quidem necessitatibus cupiditate.lorem10</p>
                <span>ESTA ES LA ETIQUETA SPAN</span>
                <img src="https://regionps.com/wp-content/uploads/2020/01/ultra-instinto.jpg" alt="">
            </article>
        </section>

        $('p').hide();

        $('h1').click( () => {
                $('p').fadeIn(5000);
            }
        )

# Métodos deslizantes de jQuery

        slideDown()  // El objeto tiene que estar oculto para que funcione
        slideUp()   // El objeto tiene que estar  a la vista y el metodo lo esconde
        slideToggle()  // Realiza las 2 funciones ocultar y mostrar

# Funcion Hover (mouseover, mouseout)

        mouseover()  // Muestra el objeto
        mouseout()   // Esconde el objeto

# Ejercicios

WARNING

Cuando hago un hover en 'h1' me muesta un elemento con apacidad // Cuando lo retiro el elemento se esconde

        $('p').mouseover(()=>{
        $('img').hide(1000)
        })
        $('p').mouseout(()=>{
            $('img').show(1000)
        })

← Ejercicios →