Instrucțiuni JQuery cu ajutorul pluginului tiptip, xozblog - lecții și articole despre crearea site-ului

Conectare prin conectare

Mai întâi trebuie să conectați tot ce aveți nevoie pentru a rula plug-in-ul.

Și, de asemenea, stilurile CSS, pentru scrierea sfaturilor. Stilurile sunt destul de simple, astfel încât le puteți seta cu ușurință la gust.

Seturile de instrumente sunt construite pe blocuri DIV. Și să aibă următoarea structură:







utilizarea

Utilizați această creație pur și simplu. Să presupunem că vrem să adăugăm o sugestie pentru link. Trebuie să specificați o clasă sau un identificator:

De departe verbal
munți în țara vocalelor și consoanelor.

Acum trebuie să adăugați următorul cod:

Utilizați selectorul jQuery pentru a selecta toate elementele cu clasa (.top) și apelați metoda tipTip cu parametrii (maxWidth și defaultPosition).

Clasele pot fi combinate:

$ # 40; "tiptip2" # 41;. tipTip # 40; # 41; ;

  • activare. string ("hover" implicit) - la ce eveniment apare un prompt. Disponibil: "hover". "Focus" și "faceți clic";
  • Keepalive. adevărat sau fals (fals în mod implicit) - dacă este setat la adevărat, atunci indiciul nu dispare până când cursorul se află peste el;
  • maxWidth. string (implicit "200px") - lățimea maximă a sfatului, acest parametru poate lua valoarea "auto";
  • edgeOffset. număr (3 în mod prestabilit) - distanța în pixeli de la link către prompt;
  • defaultPosition. Șirul (în mod implicit "partea inferioară") este poziția solicitării relative la link. Disponibil: "de sus". «Fund». "Stânga" și "dreapta";
  • întârziere. număr (400 în mod implicit) - numărul de milisecunde de întârziere înainte de afișarea promptului;
  • fadeIn. număr (200 în mod implicit) - viteza de apariție promptă în milisecunde;
  • fadeOut. număr (200 în mod implicit) - viteza de dispariție a sfatului de instrument în milisecunde;
  • atribut. string ("titlu" în mod implicit) este un atribut HTML a cărui conținut apare în tooltip;
  • conținut. true sau false (false în mod implicit) - HTML sau textul va fi selectat drept conținut pentru prompt;
  • intra. Funcția de apel invers este o funcție particularizată care este executată ori de câte ori mouse-ul se deplasează peste o legătură.
  • ieșire. Funcția de apel invers este o funcție definită de utilizator care este executată ori de câte ori cursorul este eliminat din legătură.

Pentru a fi la curent cu ultimele articole și lecții, înscrieți-vă pentru pagina VKontakte sau adăugați-vă în cercuri pe Google+. Mulțumesc!

Articole similare