21 bästa jQuery Tooltip -plugins
Verktygstips, även om det är små saker, men man kan inte underskatta deras betydelse för webbdesign. Tooltip är ett utmärkt sätt att lägga upp extra information på webbplatsen utan att hindra grundläggande design eller huvudinformation. En “svängbox” visas och försvinner när du håller muspekaren/musen. jQuery Tooltip är nyckeln till att göra ett välgjord verktygstips.
Idag presenterar vi Bästa plugins för jQuery Tooltip för att göra din webbplats mer användarvänlig och attraktiv. Så börja sväva och ge din webbplats ett andrum och läsare den information de vill ha.
Om du gillar den här artikeln kanske du är intresserad av några av våra äldre artiklar om jQuery Google Map Plugins, jQuery Dropdown Menyer, jQuery Slideshow Plugins och jQuery Sliding Tutorials.
Verktygstips för jQuery Tools
Mycket cool verktygstips! Den är mycket välgjord eftersom den består av coola övergångseffekter och den har också en transparens och en droppskuggaeffekt.
Mer om jQuery Tools Tooltip
Skapa ett Digg-stil postdelningsverktyg med jQuery
Jag kommer att visa dig hur du skapar ett socialt bokmärkesverktyg som ser ut som diggs. Det ser coolt, praktiskt och användbart ut! Jag inkluderar också komodomedias sociala bokmärkesikoner och en lång lista med inlämnings -URL för ett klick -bokmärke.
Mer om Skapa ett postdelningsverktyg i Digg-stil med jQuery
Prototip
Med Prototip kan du enkelt skapa både enkla och komplexa verktygstips med prototyp JavaScript -ramverket.
Skapa ett bättre verktygstips med jQuery Awesomeness
Webbläsare visar automatiskt ett verktygstips när du anger ett titelattribut. Internet Explorer kommer också att använda alt -attributet. Men i den här självstudien kommer jag att visa dig hur du snabbt skriver ett jQuery -plugin som kommer att ersätta det typiska webbläsartipset med något lite flashigare.
Mer om Skapa ett bättre verktygstips med jQuery Awesomeness
jQuery Horisontella verktygstips Menyhandledning
En horisontell meny med verktygstips som glider över menypanelen. Det är lite som lavalampa, men i det här manuset visar det bildtexten på ikonmenyn.
Mer om jQuery Horisontella verktygstips Menyhandledning
Easy Tooltip – jQuery -plugin
Som standard kommer detta plugin att läsa elementets titelattribut och konvertera det till intoningsverktygstips som du kan styla hur du vill. Viktig anmärkning, det behöver inte vara en ankartagg. Du kan använda detta skript på alla element du vill ha.
Mer om Easy Tooltip – jQuery -plugin
bQuery :: Bra tips & Tabworld
Uppsättningen erbjuder oändlig konfiguration. Använd din egen css och taggar (så länge du inte använder “q” -taggen någonstans) för att utforma din flikpanel. Det är lätt att göra, enkelt att installera, enkelt att styla eftersom Tab World gör allt hårt arbete.
Mer om bQuery :: Bra tips & Tabworld
TipTip jQuery Plugin
TipTip är en mycket lätt och intelligent anpassad verktygstips jQuery -plugin. Den använder NOLL bilder och är helt anpassningsbar via CSS. Det är också bara 3,5 kb minimerat!
Coda Popup Bubbles
Coda är ett av de nya webbutvecklingsverktygen för Mac – och det är populärt bland designers och utvecklare jag känner. Panic (utvecklarna av Coda) är också kända för sin skarpa design.
Skapa ett enkelt verktygstips med jQuery och CSS
Lägga till ett plugin för något som helt enkelt är överkill. Att lägga till ett plugin för verktygstips kräver vanligtvis att du inkluderar ett extra skript och ett extra formatmall (beroende på vilket du använder). I det här inlägget visar jag dig hur enkelt det är att skapa en ren, stylad verktygstips med jQuery.
abc
Mer om hur du skapar ett enkelt verktygstips med jQuery och CSS
Orbital Tooltip
Orbital Tooltip kom till för att vi ville se ett mer flexibelt verktygstips som möjliggjorde en större flexibilitet med placering av ett verktygstips. Med Orbital Tooltip kan du välja att placera verktygstipset på vilket objekt som helst i 360 grader runt det. Med flera alternativ för avstånd & offset och styling, Orbital Tooltip står huvud och axlar över andra jQuery verktygstips.
Mer om Orbital Tooltip
Enklaste verktygstips och förhandsgranskning av bilder med jQuery
Vad detta skript gör är att lägga till ett element i kroppen när du välter över ett visst objekt. Det elementets utseende är fördefinierat med css (positionerat absolut och stylat) så allt vi behöver göra är att fylla elementet med innehåll, beräkna musposition och få det att röra sig därefter. När markören flyttas över objektet rör sig elementet med det och när markören rullas ut raderas elementet.
Mer om enklaste verktygstips och förhandsgranskning av bilder med jQuery
jQuery (mb) Verktygstips
Nu kan du ersätta det fula standardverktygstipset med denna smarta och fina!
jQuery Ajax Tooltip
Vår applikation är mycket personcentrerad, så vi ville ha ett enkelt sätt att visa ett “verktygstips” med mer information om en person när du ser en persons namn. Här är till exempel några sökresultat. När du håller muspekaren över ett namn visas mer information.
Skönhetstips
BeautyTips är ett plugin -verktyg för jQuery -verktygstips som använder canvas -ritningselementet i HTML5 -specifikationen för att dynamiskt rita verktygstips (ibland kallade “pratbubblor” eller “hjälpballonger”) associerade med ett HTML -element på sidan. Dessa tips är mycket konfigurerbara och kan utlösas på många sätt.
jQuery Form Validation and Tooltip (S.Sams)
jQuery Form Validation and Tooltip.
Mer om jQuery Form Validation and Tooltip (S.Sams)
Skapa ett enkelt CSS + Javascript -verktygstips med jQuery
Enkelt och enkelt sätt att skapa ett verktygstips för javascript med jQuery. Jag delar upp det i flera sektioner: att få musens xy -axel, ankartaggstrukturen, hur man döljer standard TITLE -verktygstips, css plus avrundade hörnlådor och den slutliga arbetsdemon.
Mer om Skapa ett enkelt CSS + Javascript -verktygstips med jQuery
jGrowl
jGrowl är ett jQuery -plugin som tar upp diskreta meddelanden i webbläsaren, ungefär som OS Xs Growl Framework fungerar.
Pop!
Njut av enkla rullgardinsmenyer med pop !, ett diskret javascript -plugin för jquery.
qTips
qTip är ett verktygstips -plugin för jQuery -ramverket. Det är en webbläsare, anpassningsbar och full av funktioner!
Fancy Thumbnail Hover Effect w/ jQuery
Det är kanske inte lika smidigt som flashversionen, men det är definitivt en snygg effekt. Om du ändrar de absoluta dryckskoordinaterna kan du skapa olika sätt som sveveffekten dyker upp också.
Mer om Fancy Thumbnail Hover Effect w/ jQuery