Erkennen, wenn eine Maus das Fenster mit Glio.js verlässt

Wie oft schließst du einen Tab und bemerkst ein modales Fenster, das dich auffordert zu bleiben ? Dies scheint heutzutage alltäglich zu sein und es ist aus einem Grund getan: Es funktioniert!

Sie können einen ähnlichen Effekt mit der Bibliothek Glio.js erstellen . Es ist ein kostenloses Open-Source-JS-Skript, das erkennt, wenn sich der Mauszeiger des Benutzers der Kante nähert oder wenn er das Browserfenster verlässt .

Dies kann verwendet werden, um Besucher auf Ihrer Website zu halten . Aber es kann auch verwendet werden, um dynamische Effekte zu erstellen, wenn die Maus des Benutzers weit auf eine Seite des Bildschirms geht.

Sie werden viele dieser Exit-Intent-Skripts im gesamten Web finden und die meisten davon sind schwer anzupassen . Aber das macht Glio.js so großartig.

Es ist eine leistungsstarke Bibliothek, die Ihnen Kontrolle darüber gibt, was Sie mit dem Bildschirm tun. Wenn die Maus Ihres Benutzers den Browser verlässt, können Sie ein Modal anzeigen oder die Hintergrundfarbe ändern oder absolut nichts tun .

Es verfügt außerdem über integrierte Hotspots, die Sie überprüfen können, wenn sich die Maus des Benutzers einer der vier Ecken des Bildschirms nähert. Sie können auch die Callback-Methode definieren und festlegen, wie nahe der Cursor sein soll, bevor Sie etwas ausführen.

Um Glio zu verwenden, laden Sie einfach eine Kopie von GitHub herunter und installieren Sie es. Sie können auch eine Kopie von Bower, npm oder direkt von einem CDN ziehen .

Mit dem Skript in Ihrer Seite fügen Sie einfach diese eine Codezeile hinzu (angepasst an Ihre Optionen):

 glio.init ([Richtung, Rückruf]); 

Die direction kann eine beliebige Ecke (z. B. "oben links") oder "oben" sein, die den oberen Rand des Bildschirms darstellt. Ihre Callback-Funktion ist der JS-Code, den Sie ausführen möchten, wenn die Maus des Benutzers zu nahe kommt. Mit der anderen Option können Sie die Entfernung vom Richtungspunkt definieren. Sie finden die zugehörigen Informationen zu GitHub.

Also, wenn Sie nach einem einfachen Skript suchen, um Exit-Absicht zu erkennen, ist Glio eine unverzichtbare Ressource.

iPhone 4 Zubehör: 30 einzigartige Hüllen und Hüllen

Die meisten Menschen kaufen keine Hüllen und Taschen mehr, nur um ihre iPhones zu schützen; wir wollen etwas, was wir gut finden. So wie ein iPhone oder ein Blackberry oder ein HTC-Handy eine Aussage über die Art von Person macht, die Sie sind, möchten Sie sich dennoch von der wachsenden iPhone-Masse abheben und eine Identität für sich beanspruchen . Eine

(Tech- und Design-Tipps)

Hinzufügen und Entfernen von HTML-Klassen auf Anfrage Mit jQuery

Das Hinzufügen neuer HTML-Klassen ist ein Kinderspiel. Öffnen Sie einfach das HTML-Dokument, suchen Sie, was Sie hinzufügen möchten, fügen Sie die Klasse ein und benennen Sie sie. Wenn es jedoch darum geht, eine interaktive Website zu erstellen, die es Ihren Besuchern ermöglicht, sich damit zu beschäftigen, müssen Sie auf Wunsch die HTML-Klassen ändern, einfügen und entfernen.Sie könne

(Tech- und Design-Tipps)