Bir Fare Glio.js ile Pencereden Ayrıldığında Tespiti

Bir sekmeyi kapatıp kaç kez fark ederseniz, kaç kez kalmanı isteyen kalıcı pencere? Bu günümüzde sıradan görünüyor ve bir nedenden dolayı yapıldı: çalışıyor!

Kullanarak benzer bir efekt oluşturabilirsiniz. Glio.js kütüphanesi. Kullanıcının fare imlecinin ne zaman olacağını tespit etmek için ücretsiz bir açık kaynaklı JS betiğidir. kenara yaklaşmak ya da ne zaman tarayıcı penceresinden çıkar.

Bu denemek için kullanılabilir ziyaretçileri sitenizde tutmak. Ancak, aynı zamanda dinamik efektler oluştur kullanıcının faresi ekranın bir tarafına çok uzaksa.

Bunların çoğunu bulacaksınız amaçlı komut dosyalarından çık Web’in her yerinde ve çoğu özelleştirmek zor. Ancak, Glio.js'i bu kadar harika yapan da bu.

Bu güçlü bir kütüphane sana kontrol verir Ekranda ne yaptığınız hakkında. Kullanıcınızın faresi tarayıcıdan çıkarsa, modal görüntüleme, veya arka plan rengini değiştir, veya kesinlikle hiçbir şey yapma.

Ayrıca yerleşik sıcak noktalar Kullanıcının faresi, ekranın dört köşesinden birine ne zaman yaklaşırsa kontrol edebilirsiniz. Ayrıca geri çağırma yöntemini tanımlayın ve imleç ne kadar yaklaşmalı bir şey çalıştırmadan önce.

Glio kullanmak için, sadece bir kopyasını indir GitHub çıkışlı ve onu kurun. Ayrıca bir kopyasını da çekebilirsin Bower, npm veya doğrudan bir CDN'den.

Sayfanızdaki komut dosyası ile bu bir kod satırı ekle (seçeneklerinizle özelleştirilmiş):

 glio.init ([yön, geri arama]); 

yön seçenek olabilir herhangi bir köşe (ör.. “Sol üst”) veya “üst”, Ekranın üstünü temsil eder. Geri arama işleviniz hangi JS kodunu çalıştırmak istersen Kullanıcının faresi çok yaklaştığında. Diğer seçenek yön noktasından uzaklık, ilgili bilgiyi GitHub'da bulabilirsiniz..

Yani, basit bir komut dosyası arıyorsanız çıkış amacını algıla Glio, sahip olması gereken bir kaynaktır.