WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Navigation

jQuery tpTooltip plugin

— Add-On till WorldWideScripts.net

Prenumerera på vårt foder för att hålla dig uppdaterad!

Nytt! Följ oss som du vill ha det!


jQuery tpTooltip plugin - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

jQuery tpTooltip plugin är en plugin som gör att du skapar verktygstips på alla element som du vill ha i din webbsida / applikation. Inkludera bara ett javascript och css-fil i html, skapa din egen hud med PSD ingår (segment är redo att publicera huden direkt), och du är allt klart.

Huvuddrag

  • Mycket anpassningsbar (titta på fastigheterna nedan),
  • Flås stöds med en enda PSD,
  • ingår 4 standard skinn (svart, röd, grön, blå),
  • statiska data eller dynamiska AJAX data loading stöd
Egenskaperna hos denna plugin som du kan ändra för dina behov är:

 läge: "top", // "top", "vänster", "botten", "höger" pil: "vänster", // "top", "mitten", "botten", "vänster", "center", "höger" huden: "flat", // närvarande platt, rött, blått och svart, du kan lägga till din egen fadeintime: 200, // timeout för verktygstips tona in fadeouttime: 200, // timeout för verktygstips tona ut showdelay: 200, // tooltip Visa tid (ms) hidedelay: 200, // verktygstips dölja fördröjning (millisekunder) offsetx: 0, // tooltip horisontell offset offsety: 0, // tooltip vertikal offset ajax: null, // URL för att få innehåll från html: null, // innehåll HTML objid: null, // innehåll wrapper objekt-ID bild: null, // bildbanan elementStyle: "", // stil parametrar tillämpas på verktygstips handler elementClass: null, // klassnamn tillämpas på verktygstips handler onclick: falskt, // användning klick händelse i stället för mus ange tooltipOffset: 10, // tooltip show animation offset animateTooltip: true, // animerade display eller direkt visning väljare alwaysvisible: falskt // berättar om verktygstips ska alltid synliga 

Hur man installerar

Bifoga dessa rader mellan din html-fil är "<head> </ head>" taggar:
 <script src = "lib / jquery.tptooltip.js" type = "text / javascript"> </ script> <link rel = "stylesheet" href = "stilar / jquery.tptooltip.css"> </ link> 
och sedan denna kod kommer att lägga verktygstips till din ".tooltip" klassade delar:
 <script> $ (". verktygstips") tptooltip ({html: "Jag har ett verktygstips"});. </ script> 

Hämta
Andra komponenter i denna kategoriAlla komponenter i denna författare
KommentarerVanliga frågor och svar

Egenskaper

Skapad:
4 13 juni

Senaste uppdateringen:
4 13 juni

Hög upplösning:
Ja

Kompatibla webbläsare:
IE7, IE8, IE9, IE10, Firefox, Safari, Opera, Chrome

Filer Ingår:
JavaScript JS, HTML, CSS, Layered PSD

Programvaruversion:
jQuery

Nyckelord

e-handel, e-handel, Alla artiklar, ajax, bild, jQuery, psd, verktygstips