Noteikt, kad pele atstāj logu ar Glio.js

Cik reizes jūs aiziet, lai aizvērtu cilni un paziņotu a modālais logs, kurā jūs lūdzat palikt? Tas mūsdienās šķiet parasts, un tas tiek darīts viena iemesla dēļ: tas darbojas!

Jūs varat izveidot līdzīgu efektu, izmantojot Glio.js bibliotēka. Tas ir bezmaksas atvērtā koda JS skripts, lai noteiktu, kad ir lietotāja peles kursors tuvojoties malai vai kad tā atstāj pārlūkprogrammas logu.

To var izmantot, lai mēģinātu apmeklētājus saglabāt jūsu vietnē. Bet to var izmantot arī radīt dinamiskus efektus ja lietotāja pele iet tālu uz vienu ekrāna pusi.

Jūs atradīsiet daudz no tiem iziet no mērķa skriptiem visā tīmeklī, un lielākā daļa no tām ir grūti pielāgot. Bet tas padara Glio.js tik lielisku.

Tā ir spēcīga bibliotēka dod jums kontroli pār to, ko darāt ar ekrānu. Ja jūsu lietotāja pele atstāj pārlūkprogrammu, varat parādīt modālu, vai mainīt fona krāsu, vai neko nedarīt.

Tas arī nāk ar iebūvēti karstie punkti ka varat pārbaudīt, kad lietotāja pele nokļūst tuvu jebkuram no četriem ekrāna stūriem. Jūs varat arī definēt atzvanīšanas metodi un cik tuvu kursoram vajadzētu nokļūt pirms jebkādas darbības.

Lai izmantotu Glio, vienkārši lejupielādējiet kopiju no GitHub un saņemt to instalēt. Varat arī izvilkt kopiju no Bower, npm vai tieši no CDN.

Ar skriptu savā lapā jūs vienkārši pievienojiet šo vienu koda rindu (pielāgots jūsu opcijām):

 glio.init ([virziens, atzvanīšana]); 

The virzienā opcija var būt jebkurā stūrī (piem.,. “augšējais kreisais”) vai “tops”, kas ir ekrāna augšdaļa. Jūsu atzvanīšanas funkcija ir neatkarīgi no JS koda, kuru vēlaties palaist kad lietotāja pele kļūst pārāk tuvu. Cita iespēja ļauj definēt attālums no virziena punkta, saistīto informāciju var atrast GitHub.

Tātad, ja jūs meklējat vienkāršu skriptu atklāt izejas nodomu Glio ir obligāts resurss.