# 107: fragmentų srities kūrimas, 4 dalis („JavaScript“) - CSS-gudrybės

Anonim

„Atlikus“ fragmentų srities dizainą, dabar galime pereiti į tam tikrą interaktyvumą (skaitykite: „JavaScript“).

Kairėje esančioms nuorodoms pridedame itin šlubą, kad tik turėtume ką nors, bet žinome, kad vėliau tai pakeisime. Tada mes pradėjome rašyti šiek tiek „JavaScript“. Pirmą kartą lankantis puslapyje bus aktyvi pirmoji kategorija (HTML). Aktyvus, tai reiškia, kad HTML sąrašo elemente yra klasė „aktyvi“. CSS veikia tą klasę, suteikdama jai z indekso vertę, kuri vizualiai pakelia nuorodą virš šešėlio ir sujungia ją su vientisa spalvų linija, skiriančia du stulpelius.

Apgaulė bus tada, kai spustelėsite kitą kategoriją, kad pašalintumėte aktyvią klasę šiuo metu aktyvioje kategorijoje ir pritaikytumėte ją naujai spustelėtai kategorijai. Iš tikrųjų tai yra labai trivialu, tik kelios „jQuery“ eilutės scenarijuje, kurią įkeliame tik šiame puslapyje. Taip pat tada fragmentų sąraše dešiniajame stulpelyje reikia parodyti teisingą nuorodų rinkinį, kuris vėlgi yra tik tam tikras klasės keitimas ir paprastas rodymo / slėpimo manipuliavimas.

Dabar belieka stilizuoti atskirų fragmentų puslapius.