Cel mai simplu plugin jQuery pentru a crea file (file)

JQuery doar câteva linii de cod, minim, și filele (tab-uri) funcționează bine. Ideea este că filele pot fi un număr nelimitat, numărul de file este limitată doar de mărimea containerului în care va fi capabil de a se potrivi unitatea în sine „file“ asa.

Tot ce ai nevoie este de a avansa biblioteca jQuery este conectat, pluginul dm-tabs.js css și a stabilit norme pentru formarea stilurilor tab.
Pentru a conecta versiunea curentă a bibliotecii jQuery și plugin dm-tabs.js, în secțiunea între etichetele .... iar cel mai bun (pentru un motiv oarecare -. Google pentru a ajuta), în partea de jos a paginii, înainte de închidere . necesar să se prescrie următoarele:

cod jQuery-script:

Script-ul sa dovedit foarte mici, toate „umplutura“, durează doar câteva rânduri:

Fila Aspect HTML:

CSS fila Stiluri:

Puteți utiliza pagina filele mai multe blocuri, acest lucru este nimic nu este necesară în continuare. Inițializare plug-la degetul mare, suficient pentru a înregistra calea corectă către fișierul js. pagina demo plasate special două blocuri file, astfel încât să puteți vedea un exemplu.
De asemenea, de exemplu, folosind imagini din interiorul filele încorporate. Image „Tabah“, puteți trimite, atât la stânga și la dreapta, pentru că este suficient pentru a adăuga clasa clasa tag-ul img corespunzătoare = „PL-stânga“ sau class = „pl-dreapta“. Poziția imaginii este determinată prin float: drept și float: left, respectiv.
Imagini cu file din interiorul expuse valoare lățime în%, oferind astfel schimbarea proporțională posibilitate atunci când schimbă file dimensiunea containerului de bază (file). Desigur, nimeni și nimic nu vă împiedică să utilizați o imagine dimensiune fixă :)

Pe valabilitatea și tot felul de erori nu sunt testate în mod special, de lucru, nu se împiedică, ce altceva Nun.
Sursele sunt ambalate în arhive și au aruncat pe Yandex.Disk, de acolo în condiții de siguranță și să ia departe.

Pentru cei care, cu unele spaimă brusc nevoie de file, cu posibilitatea de a investi într-un altul, mai ales muddied un mic exemplu de file (file) cu cuiburi infinit

Va fi recunoscători dacă proiectul de sprijin - adăugarea unui blog pentru excepții AdBlock și partaja un link către o înregistrare în rețelele lor sociale:

file Block "cauciuc", latime latime Procent expus: 100%;. Exemplu limitat dimensiune max-width: 600px;. Marja de marja: 0 auto; Se aliniază centrul, astfel încât filele remarcabil în jos pentru a se potrivi orice container părinte.

În cazul în care dvs. mod. 600px fereastră mai mare, pur și simplu exclude codul opțiunii> max-lățime: 600px;, bine și îndepărtați padding (padding) în fereastră, în cazul în care acestea sunt înregistrate. Aceasta privește toate aspectele legate blocul de file.

Dacă spui panoul de navigare fila, atunci acesta poate fi, de asemenea, face pe întreaga lățime a filelor bloc:

Respectiv a li .tabs exclude fundal: # 48c3d6; și marja de-dreapta: 1px; - indentare care acționează ca un distanțier, înlocuindu-l cu o margine stânga: 1pixel #eee solid; Paleta de culori, după cum știți poate utiliza orice

Vă mulțumim pentru fila. Descărcați, instalați - toate fără probleme. Am rectificata sub el. De exemplu, scos din rădăcini și file de fundal, și a făcut acest lucru în fila activă de pe coloana vertebrala, iar textul a fost mai accentuat, și mai puțin inactive și fără subliniere. Aproape de animație dovedit. Wow.

Singurul lucru enervant este faptul că, atunci când comutați pagina filele derulează în mod automat la partea de sus, și am acolo încă mare site-ul capac.

Există vreo modalitate de a face ceva, astfel încât, atunci când comutați filele tip centrat pe acest bloc cu file, mai degrabă decât în partea de sus a paginii?