TipTip – alternatywny tooltip w jQuery

tip tip jquery

W znacznikach HTML możemy używać znacznika title do opisywania zawartości tagów. Na przykład możemy opisywać nimi linki lub zdjęcia.

przykład:

<a href=”" title=”This will show up in the TipTip popup.”>

<img src=”image.jpg” title=”A picture of the World” />

Po najechaniu na te elementy wyskakuje toolTip z zawartością atrybutu title. Niestety standardowy tooltip jest brzydki oraz nie ma efektu przejścia. Alternatywą dla standardowego tooltipa może być TipTip. Skrypt umożliwia napisanie własnych stylów do okienka oraz jego animacje. Na stronie autora skryptu można obejrzeć video, które szerzej pokazuje możliwości skryptu.

tip tip jquery

Wymagania: jQuery
Demo: http://code.drewwilson.com/entry/tiptip-jquery-plugin
Licencja: MIT. GPL

  1. Taipan Autor wpisu

    Najlepiej zacząć od przeczytania instrukcji na stronie w linku :)

    trzeba ściągnąć bibliotekę jQuery bo w pliku z przykładem jej nie ma. Albo dać odnośnik do niej z internetu. To trzeba zrobić w sekcji < h e a d >

    potem piszemy mechanizm działania skryptów. To jest na stronie tylko trzeba go umieścić w tagach < s c r ip t >

    a w sekcji body umieszczamy odpowiednie znaczniki z clasami. Też jest przykład na stronce.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *

Connect with Facebook

Możesz użyć następujących tagów oraz atrybutów HTML-a: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>