LIVE SITE

Menu hover animation MAMGM

Hover, Menu, All interactions

import wixAnimations from 'wix-animations';


$w.onReady(function () {

    hoverEffect();

});


function hoverEffect() {

    const obj = {

        group: {

            txt: '#text11',

            video: '#mediaPlayer2'

        },

        studios: {

            txt: '#text10',

            video: '#mediaPlayer6'

        },

        pictures: {

            txt: '#text9',

            video: '#mediaPlayer7'

        },

        incubator: {

            txt: '#text8',

            video: '#mediaPlayer8'

        },

        storyhouse: {

            txt: '#text7',

            video: '#mediaPlayer9'

        },

        about: {

            txt: '#text6',

            video: '#mediaPlayer10'

        }

    }

    for (let item in obj) {

        $w(obj[item].txt).onMouseIn(() => {

            $w(obj[item].video).show();

        });


        $w(obj[item].txt).onMouseOut(() => {

            $w(obj[item].video).hide();

        });

    }


}

Explore more Hover interactions 

Appearing Hot Dog

Jonathan Tsodikovitch

Shop Now

Appearing Hot Dog

Jonathan Tsodikovitch

Shop Now

Add a Title

Add a Title

Tags

Sites on X | © 2021 made with ❤️ on Editor X.