PowerTip

0
209
Görüntülenme

PowerTip
PowerTip nesnelere bilgi baloncukları  denen küçük çerçevelerin eklenmesini sağlayan kolay kullanımlı bir uygulamadır.  Steven Benner tarafından yapılmış olan bu örnek ile nesnelere açılır bilgiler eklemek için ihtiyacınız olan bütün özellikler bulunuyor. Bu tarz örnekler genelde mouse herhangi bir elementin üzerine geldiğinde açılır. Herhangi bir elemente eklemek için yapmanız gereken bir kaç basit ayar bulunuyor. Bu ayarları kullanarak elementin etrafında 360 derece istediğiniz bölümde bilgi balonlarının çıkmasını sağlayabilirsiniz. Sadece Html elementlere değil Svg formatındaki dosyalar üzerinde de kullanılabilir. Ayrıca mouseyi takip edebilen bir tane demosu da bulunuyor. Demo sayfasındaki en altta bulunan büyük ve mavi çerçevenin içinde mouseyi gezdirdiğiniz zaman sürekli mouseyi takip eden küçük çerçeveyi de görebilirsiniz.


Örnek Kullanım :

  • Head etiketleri arasına eklenmesi gereken bölümler.
Js ve still dosyaları : 

  •  Placement Examples 
Html : 

JavaScript : 

Bunun gibi  geri kalan örnekleri  örnek  dosya  içerisinden inceleyebilirsiniz. Uygulamanın SVG  örneğine de  buradan bakabilirsiniz.

CEVAP VER

Lütfen yorumunuzu yazın.
Lütfen İsminizi bu alana yazın.