Mitsangana sakafo ho an'ny toerana amin'ny endrika angorodao ny iray amin'ny jQuery

Ny sakafo, tahaka ny fantatrareo ihany - anisan'ny ny toerana. Mahaliana hitety loharano amin'ny aterineto dia afaka mahaliana mpitsidika. Ankoatra izany, zava-dehibe ny fananana na inona na inona sakafo - ny compactness. Ny sakafo mora mitsangana tsotra namorona mampiasa HTML sy CSS. Fa izahay kosa handeha lavitra kokoa: Aoka isika hianatra hamorona menu- "angorodao" miaraka amin'ny fanampian'ny jQuery.

Mamorona menu- "angorodao"

Inona no atao hoe mitsangana sakafo amin'ny endrika angorodao ny iray? Izany no midina ny rano indray mitete-lisitra, izay miteraka mora ny fitetezana sy manome stylish toerana. Sakafo, tanterahina any izany, mamela anao hiverina be dia be ny zana-zavatra. Access azy mitranga rehefa tsindrio ny totozy eo amin'ny zavatra tiany. Mety hilaza ny olona iray fa azo atao ny manao sakafo tsotra amin'izao lamaody tsy misy ny fampiasana ny jQuery. Eny, dia. Fa izao zavatra tsy ho tena mahasoa ny tompon'ny finday avo lenta na ny takelaka. Andao mamorona mitsangana sakafo, manintona ny rehetra. Avy eo, ny fanovana ny loko styling ny Fikarohana, dia ho azo atao ny manova ny famolavolana ny toerana rehetra.

HTML fehezan-dalàna

Noho izany, mba hamorona ny mitsangana sakafo, tsy maintsy aloha miantso ny HTML-fehezan-dalàna, izay ahitana andalana manaraka ireto:

Afa-tsy fehezan-dalàna io tao amin'ny rakitra antsoina hoe Accord_menu.html.

Araka ny hitanao, no namorona ny unordered lisitra. Izany dia ahitana ireo hevi-dehibe 3:

- sary;

- filma;

- boky.

Zavatra tsirairay dia manana fehintsoratra vitsivitsy. Aiza ny #, dia mila manampy ny rohy. Ary zava-dehibe ny hamaritana ny fomba fanoratra. Izany dia miankina amin'ny fijery ny Internet harena. Mitsangana sakafo ny toerana dia tsy maintsy mampiditra mirindra ho amin'ny famolavolana.

CSS-fehezan-dalàna

Amin'ny randram tsy tokony ho sarotra. Mariho ihany izahay fa ity ohatra ity dia mampiasa ny gradient voky. Eto dia ny CSS-code:

loko no voalaza ao amin'ny CSS-rakitra, habe mpanamarika dia esorina amin'ny ny zavatra ao amin'ny lisitra amin'ny ankavia. Tsy tapa-kevitra ny fomba fitondran-tenany amin'ny zavatra tsirairay sy ny zana-sakafo rehefa miaraka amin ny azy. Ohatra:

# E1fee2 - io hatsatra miloko maitso Sub.

# C4f0f7 -golubovaty alokaloka sous rehefa miaraka amin azy.

Asehoy ny fananan'ny mangataka andian-tsoratra sarobidy mba hanitsy ny ilaina padding sy ny habeny. Ny loko, ny habeny, karazana endri-tsoratra, ny toerana - ny zavatra rehetra dia tahaka ny mazava tsara ao amin'ny rakitra CSS. Antsoy izany, ohatra, accordionmenu_my1.css.

Mampifandray jQuery X-SAMPA tsy fanatsarana

Rehefa mba hahatsiaro, ny tanjontsika - mba hamoronana mitsangana sakafo jQuery. Raha toa ianao ka tsy zatra izany teknôlôjia izany, aza manahy. Mampiasa ny Google repository, ary mifandray JQuery soratra. Izany no hanaovana azy ho tian'ny sakafo. jQuery dia JavaScript famakiam-boky miorina amin'ny fifandraisana ny Hypertext fanamarihana HTML sy ny JavaScript. jQuery Mamela anao hahazo ny afa-po sy ny toetra ny singa.

Noho izany, ilaina mampifandray ny soratra ao amin'ny vatana ny HTML-antontan-taratasy ka nametraka ny fitsipika ho an'ny fitehirizana ny 2 hiovaova, afa-tsy soavaly fifaninanana singa. Manampy fehezan-dalàna, fanakatonana levitra hafa teo am-baravaran'ny ny anankiray teo, izay misy totozy tsindry. Toy izao ny fomba toa:

Vonjeo ny fiovana, dia jereo ny zavatra Toa ao amin'ny navigateur sakafo. Izany no vokatry ny mahazatra: Ho vokany, dia tonga ny sakafo tsara tarehy izay afaka manova foana, arakaraka ny safidinao. Ary hahazo fahalalana vaovao eo amin'ny sehatry ny jQuery, CSS, dia hamorona ny singa tsy manam-paharoa ny toerana, manatsara ny fahaizany.