Inghearach-taice airson an làrach ann an riochd bogsa-ciùil le jQuery

Air a 'chlàr, mar a tha fios agad - pàirt chudromach den làraich. Interesting Seòladh goireas air-loidhne a tha comasach air ùidh luchd-tadhail. A thuilleadh air sin, an seilbh cudromach de chlàr-taice sam bith - a compactness. A sìmplidh dhìreach-taice furasta a chruthachadh a 'cleachdadh HTML agus CSS. Ach tha sinn 'dol nas fhaide: Leig dhuinn ionnsachadh a chruthachadh menu- "bogsa" le cuideachadh jQuery.

Cruthaich menu- "bogsa"

Dè th 'ann dìreach ann an clàr-taice an riochd a' bhogsa? 'S e seo liosta tuiteam-sìos, a tha a' cruthachadh an furasta a sheòladh agus a 'toirt Stylish làraich. Menu, a 'coileanadh anns an dòigh seo, a' leigeil leat Cuir tòrr de fo-sa. Cothrom a thoirt dhaibh a 'tachairt nuair a phutas tu leis an luchag air a' phìos mhiannaichte. Tha cuideigin ag ràdh a tha e comasach a dhèanamh sìmplidh ann an clàr-taice seo fasan gun cleachdadh na jQuery. 'S e, tha e. Ach seo rud nach biodh e gu math feumail airson luchd-seilbh no fònaichean tablaidean. Nach chruthachadh dhìreach-taice, tarraingeach do na h-uile. An uair sin, ag atharrachadh an dath stoidhle a seòladh, bidh e comasach a 'gleusadh an dealbhadh gus làrach sam bith.

còd HTML

Mar sin, a 'cruthachadh ar dhìreach-taice, feumaidh sibh an toiseach dial an còd HTML-, anns am bi na leanas lines:

Sàbhail an còd seo ann am faidhl ghairm Accord_menu.html.

Mar a chì sibh, tha sinn air liosta a chruthachadh unordered. Tha 3 prìomh phuingean:

- photos;

- filmichean;

- leabhraichean.

Gach nì a tha beagan paragrafan. Càite bheil #, feumaidh tu a chur ris na ceanglaichean. Nise, tha e cudromach innse an stoidhle. Tha h-uile an crochadh air an t-sùil agaibh goireas eadar-lìon. Inghearach-taice airson an làrach Feumaidh fhilleadh a-steach do shocair dealbhadh aige.

CSS còd-

Le stoidhlichean cha bu chòir dhuibh a bhith doirbh. Tha sinn a 'toirt fa-near sin a-mhàin anns an eisimpleir seo a' cleachdadh caisead a lìonadh. Seo a 'chòd-CSS:

dath a tha air a shònrachadh ann an CSS-faidhl, meud comharran a thoirt air falbh bho na nithean anns an liosta air an làimh chlì. Tha e air a dhearbhadh mar a bhith modhail anns gach nì agus fo-chlàr-taice nuair a tha thu iadhadh thairis oirre. Mar eisimpleir:

# E1fee2 - seo bàn dath uaine fo.

# C4f0f7 -golubovaty dubhar fo nuair a tha thu iadhadh thairis orra.

Taisbeanadh seilbh iarraidh an loga bacaidh a luach a 'gleusadh an riatanach padding is meud. Tha an dath, meud, an seòrsa cruth-clò, an àite - mar a h-uile càil a tha a 'mìneachadh ann an CSS faidhle. Gairm e, mar eisimpleir, accordionmenu_my1.css.

Ceangal jQuery-taice na leasachaidhean

Mar faodaidh sibh a chuimhneachadh, ar n-amas - a chruthachadh dhìreach-taice jQuery. Mur eil sibh eòlach air an teicneolas seo, na gabh dragh. Sinn a 'cleachdadh Google repository is ceangal JQuery sgriobt. Bidh seo ga dhèanamh nas tarraingiche chlàr-taice. jQuery S e JavaScript leabharlainn stèidhichte air an eadar-obrachadh eadar Hypertext Markup HTML agus JavaScript. jQuery leigeas leat-uasal gus an clàr na buadhan agus air na h-eileamaidean.

Mar sin, a 'ceangal riatanach sgriobt ann an corp HTML-faidhl agus chuir na riaghailtean airson stòradh 2 caochladairean, ach a-mhàin airson rèisean each eileamaidean. A 'cur còd, a' dùnadh eile tabaichean aig fosgladh na aon air a bheil cliog lucha. Seo mar a tha ea 'coimhead:

Sàbhail na h-atharraichean, faic dè tha e a 'coimhead coltach anns a' bhrobhsair-taice. Tha sin cumanta thoradh air: Mar thoradh air sin, tha sinn air tighinn tarraingeach-taice gum faod thu an-còmhnaidh ag atharrachadh, a rèir an roghainn aca. Agus a 'togail eòlas ùr ann an achadh jQuery, CSS, bidh thu a chruthachadh a tha gun choimeas eileamaidean air an làraich, a' leasachadh na sgilean aca.