Koduleht » UI / UX » Avasta, kui hiir jätab akna Glio.js-iga

    Avasta, kui hiir jätab akna Glio.js-iga

    Mitu korda vahelehe sulgemiseks ja a modaalaken, mis palub teil jääda? See tundub tänapäeval tavapärane ja seda tehakse ühel põhjusel: see toimib!

    Sarnast efekti saab ehitada kasutades Glio.js raamatukogu. See on tasuta avatud lähtekoodiga JS-skript, mis tuvastab kasutaja hiirekursori serva lähedal või kui see on lahkub brauseri aknast.

    Seda saab kasutada proovimiseks külastajate külastamine saidil. Kuid seda saab kasutada ka luua dünaamilisi efekte kui kasutaja hiir läheb ekraani ühele küljele kaugele.

    Leiad palju neist väljuda kavatsusest kogu veebis ja enamik neist on raske kohandada. Aga see teeb Glio.js nii suureks.

    See on võimas raamatukogu annab teile kontrolli selle üle, mida te ekraaniga teete. Kui teie kasutaja hiir jätab brauseri, saate seda teha kuvada modaal, või muutke taustavärvi, või ei tee midagi.

    Kaasas see sisseehitatud kuumad kohad et saate kontrollida, kui kasutaja hiir on ekraani nelja nurga lähedal. Sa saad ka määratleda tagasihelistamismeetod ja kui lähedal kursor peaks olema enne midagi.

    Glio kasutamiseks kasuta lihtsalt koopia GitHubilt ja saan selle installida. Võite kopeerida ka koopia Bowerist, npm või otse CDN-ist.

    Teie lehel oleva skripti abil saate lihtsalt lisage see üks koodirida (kohandatud teie valikutega):

     glio.init ([suund, tagasihelistamine]); 

    The suunas võimalus võib olla mis tahes nurgas (nt. “üleval vasakul”) või “top”, kujutab ekraani ülaosa. Teie tagasihelistamise funktsioon on mis tahes JS-koodi, mida soovite käivitada kui kasutaja hiir läheb liiga lähedale. Muu valik võimaldab teil määrata kaugus suunapunktist, leiad sellega seotud info GitHubist.

    Niisiis, kui otsite lihtsat skripti avastada väljumise kavatsust Glio on hädavajalik ressurss.