Hogyan hozzunk létre egy egyszerű jquery füleket a lapon avtosmenoy aktív, Roman Seredenko - szabadúszó

Hogy oldja meg ezt a problémát, kezdetnek, akkor létre kell hozni az alábbi szerkezetet:

.tabs navigációs osztály szolgál konténer fejlécben lapok. A .tabs-tartály osztály (például a neve is mutatja) egy tartály tartására a fülek magukat. Mint azt már észre van találat értékei között az attribútumok a tag href <а> A .tabs navigációs attribútumok és értékek id kontenom blokkok lapok konténer .tabs-tartályba. Ez mi köti össze a fül fejléc és annak tartalmát.

Most próbáljuk egy kicsit stilizálhatja ezt a struktúrát.

Meg kell jegyezni, hogy a stílus ebben az esetben nem játszik nagy szerepet, és lehet kísérletezni velük, ahogy tetszik.

És most a legfontosabb, a kód vezet lapok üzemképes állapotban van.

Itt az első, mi rejteni az összes lapot, kivéve a tartályokat az első. Ezután rögzítse az egér click esemény a lapokon header függvény erre az eseményre, először elrejti az összes lapot (7-es vonal), csak azt mutatják tartozó lapot az aktuális cím (8. sor), tegye az osztály választott a régi és a cím a jelenlegi aktív Taba (9-es vonal 10).

Ne felejtsük el, is, beleértve a jQuery könyvtár is. Ezt meg lehet tenni az alábbiak szerint:

Az aktív lap megváltozott után automatikusan intervallum, meg kell, hogy kiegészítse a mi kis kódot.

22. sorban, először vegye figyelembe az utolsó lapon, hozzátéve, hogy a tartály .last osztályban. Ezután állítsa be a funkció végtelen intervallum pressNextTab 5 másodpercenként (line 23). Ebben a funkcióban, akkor ellenőrizze, hogy a jelenlegi nem az utolsó lapon (erre már hozzá .last osztály), és attól függően, hogy fokozza a click esemény az első vagy a következő a jelenlegi tabu.

Ez így van, mi csak annyi füleket jQuery jukebox aktív Taba.

Oldal működő lapok itt lehet megtekinteni.