CSS: Hover. Original Hover-mmetụta

N'ịgbanwe ọhụrụ bụ echiche na ya kee ihe ngosi nke ozi site na koodu ya kere na-esichara. Ọ bụ a siri ike na mkpebi na mgbe oge ruru, ma, oge a nabataghị mgbe n'ụzọ zuru ezu. Mgbe mmemme na-iche otu kọmputa, ma enweghị mmeri na mpaghara na netwọk ma ọ bụ otu domain mpaghara, ozugbo agbasa n'ebe niile, ma mgbe ahụ, ọ bịara doo anya na ndokwa nke ozi (na okwu nke imewe) na-arụ ọrụ na ya (na okwu nke koodu) - abụọ n'akụkụ na otu ụgbọelu.

Akụkụ atọ nke saịtị ụlọ

Site a iwu si ele ihe anya, e nwere atọ isi mmiri (dị iche iche guises syntax) na-eme ka saịtị: PHP-koodu, JavaScript-koodu na nkọwa nke CSS ekwekọghị. Ọ dịghị mkpa otú ọ na-eji na ihe version of a akpan akpan akụrụngwa, ihe version of HTML-eji na ihe version nke nchọgharị bụ ọnụ ahịa ya. Ò Kwekọrọ n'Ozizi taa bụ-akwanyere nnọọ ùgwù, n'ihi na mgbe ọ bụla e nyere n'oge bụ igabiga: na na koodu na na nke ihe a na koodu, nwere ike na-egosipụta na-gburu.

Ọ bụrụ na mbụ agha echiche nke asụsụ, ugbu a na-alụ ọgụ n'efu ahọrọ emepụta ụkpụrụ na ubi nke Internet teknụzụ na nchọgharị.

Private na ọha

The ụzọ nke nweta Internet, a otutu (kọmputa, Laptọọpụ, mbadamba, smartphones), nchọgharị, kwa, na-eju eju. E nweghị nkwa na onye ngwaọrụ ga-egosipụta na saịtị na ụdị nke ọ na e kere site a Mmepụta. Ọ bụghị mgbe niile iru lekwasịrị ikpeazụ mgbalị, na-enye a n'otu web imewe nwere ọtụtụ ihu, ya bụ ọdịdị zuru oke nke ịdị n'otu ngosi, n'ebe ọ bụla o nwere ike-emeghere esenowo.

Ịkekọrịta onwe na ọha na eze, na-eji nke ikpeazụ naanị ihe na-arụ ọrụ, ị nwere ike nweta ihe ịrịba ọganihu ke imewe. Mma, nkà oge na web imewe - nketa nke mkpa ọkachamara na talent. CSS - a koodu, ọ bụ ezie na nke ukwuu peculiar. Nchegbu ya na-akọwa na uwe (ngosi nhọrọ). Na biakwa obibia nke mobile ngwaọrụ CSS iji mara na n'ezie nzuzo nke media gbara ajụjụ. Ya mere, na nhọrọ nke re-di na nwunye n'etiti imewe na koodu - ọ bụghị otú uche na-adịghị dị ka ọ pụrụ iyi afọ ole na ole gara aga.

The Mmepụta aku na mmepe CSS-ekwekọghị dabeere na gị ahụmahụ na pụtara ndị CSS aghụghọ na-arụ ọrụ na kasị nchọgharị afọ ju ọtụtụ ndị ọbịa. mbụ na nke abụọ kacha nta ga-eji ihe dị ka o kwere omume, mgbe ahụ, ihe ndị ọzọ hà ga-a mere na-arụ ọrụ fọrọ nke nta ka ọ bụla, oge obula.

Ụkpụrụ mbụ: Standard olileanya, ma ndị na-enyere onwe ha

CSS: hover - mgbe òké bụ "gawara" na item page. Mgbe òké na-pịrị na ihe mmewere, ọ na-arụsi ọrụ, ma mgbe cursor na-aga n'akụkụ ya, ọ nwere ike ịgbanwe ọzọ, na-egosi onwe ha na-arụsi ọrụ ike na steeti. ": Hover", "ifịk ifịk" na "gara" - kacha ewu ewu pseudo-ọmụmụ ke nkọwa nke ekwekọghị.

Ọ bụ nnọọ adaba na gị na saịtị koodu ghara iche banyere ndị dị otú ahụ na-abaghị uru dị ka ije nke òké n'elu ọcha. Inye na table-akọwa abụọ na nkowa nke ekwekọghị:

mmewere {

agba: nwa;

}

mmewere: Hover {

agba: na-acha ọcha;

ndabere-agba: green;

}

Enweta mgbe ị hover òké na mmewere na-akpaghị aka ịgbanwe ederede na agba site na nwa na-acha ọcha, na-agbanwe ndabere nke mmewere green. Enwēusòro nwere ike etinyere ọ bụla mmewere na imeta a dịgasị iche iche nke visual mmetụta.

The abụọ na-achị: ntụkwasị obi ụkpụrụ, na-eduzi ya na koodu

Ihe niile ga-adị mma ma ọ bụrụ na ọganihu nọrọ na kọmputa na laptọọpụ onwem na ogwe aka, na ọganihu na mobile nkwurịta okwu na-adịghị ada ka ntoputa nke smartphones, mbadamba na ndị ọzọ mobile ngwaọrụ na jikọọ dị otú ahụ a na ngwaọrụ bụ nnọọ mfịna.

N'aka nke ọzọ, naanị onwem na a pụrụ iche ihuenyo mmetụ gadget na-dị kpọmkwem ịgbanwe ihe mkpịsị aka gị na ihuenyo mmetụ, dị ka ọ na-emebu ka smartphones, mbadamba na yiri ngwaọrụ.

E nwere a ịrịba dị iche na: Hover na-arụ ọrụ ebe a bụ bụghị dị ka anyị ga-amasị. Ọ dịghị koodu-apụghị ime, na ojiji nke media gbara ajụjụ ekpebie na ya agaghị niile ajụjụ.

Ndakọrịta - oke ọnụ n'ụwa taa nke ozi, ya mere, iji hụ kwesịrị ekwesị arụmọrụ nke saịtị n'ime kpọmkwem chọrọ maka web imewe na mmejuputa iwu nke a ọtọ, ọkacha mma na-eduzi nke kacha nta dị mkpa iji ikpe: CSS Hover, CSS Hover na-elekwasị anya, CSS Hover ifịk (gara) . The ọzọ koodu (dị ka na nchọgharị na na ihe nkesa) Monitors Web imewe, na mma. Ihe omume - bụ akara, ọ dị mma mgbe a na-achịkwa abụghị maka ugwo na ebere nke ugbu a ụkpụrụ, nke ugboro ugboro na-amaghị ihe na-atụ anya.

Bọtịnụ na ndị ọzọ na ihe nke page

Bọtịnụ Hover CSS - a magburu onwe ngwọta, ma n'ikpeazụ, onye ọ bụla na peeji nke mmewere bụ "button". The saịtị ga-isi a ndụ na ọ bụrụ na koodu na-adịghị wuru, ma ọ bụrụ na ọrụ bụ ike a na saịtị na-amalite ezigbo akporo na omume ndị dabeere na esenowo omume, mgbe ahụ, ọ dịkarịa ala site CSS-ekwekọghị nwere ike inye liveliness page ọcha.

Jiri Hover-mmetụta adaba. Na enyemaka ha, ị nwere ike mfe na-enye gị peeji nke liveliness, ma koodu amaghị ihe na-eme ka a òké na ihuenyo, ma ọ bụrụ na ọ gaghị ekwe omume iji soro ya ije. Site na nke a echiche, ya bụ, mgbe koodu akara òké ije (= ngagharị nke a aka na a ama), o nwere ike onwe mata otu ihe ma ọ bụ iji tọghata ya. Ọ nwere ihe ọ bụla na-eme na pseudo-klas, ma na-enye akara n'elu koodu page anya, ka ọma na-egosipụta ya na dị iche iche na ngwaọrụ dị iche iche na ihe nchọgharị.

Ọnyà na stylesheets

Iji na-ekwu na ọkọlọtọ na ubi nke CSS ekwekọghị na-amaghị ihe ha na-eme, ọ gaghị ekwe omume, ma na-ekwu na ha n'ụzọ zuru ezu na-ekwenyere ndị ọzọ ụkpụrụ na ubi nke internet mmemme bụkwa agaghị ekwe omume.

Styles na pseudo-klas nwere ike kọwara na ogbo nke na peeji nke nzuzo, mgbe na ihe nkesa site a page na na Ọnọdụ bụ ugbua n'ime nchọgharị, ị nwere ike mfe ike ọhụrụ style na-agbanwe otu dị na otu.

Iji AJAX, mgbe ọ dịghị mkpa na-re-n'ịwa page gosipụta nzaghachi ihe nke esenowo, na ọ bụ iji ịgbanwe ihe ma ọ bụ ọtụtụ ihe na-agbakwụnye a ntakịrị "ose". "Enyi" koodu - na ugbua dị na nchọgharị (JavaScript) na eziokwu ahụ bụ na ihe nkesa (na PHP) - nketa nke na-ede akwụkwọ (programmer) saịtị.

Na otú algọridim nke a na mmekọrịta ga-egbu, budata adabere ọ bụghị nanị na ngosi na peeji nke nke ya ọcha, ma na-ha banyere n'ihu koodu. Nanị tinye, na pseudo (akpan akpan) bụ ihe dị mma maka static, dị ka nke ụgbọ mmiri yachts na doo anya oké osimiri na a ìhè ikuku - ihe niile bụ ihe doro anya, ịgụ na gh. Ọ bụrụ na ihu igwe na-agbanwe, ma ọ bụ mgbe ifufe dị ike, ma ọ bụ ga-eme ka esenowo na-atụghị anya na ọnọdụ, ị nwere ike ngwa ngwa ịgbada na alaiyi na adịkwa esenowo.

Standard na ya emulation

Mee ndị CSS na Hover nwere ike emulated via JavaScript, site n'iji onmouseover na onmouseout ihe. Ọtụtụ mgbe a niile na nsọtụ. Site n'akụkụ nke nkịtị uche mgbe ọ na-abịa na-eke n'ezie na-arụ ọrụ site, ọ ka mma na-akara-aka-ha, ka na-enye ya na ebere nke mythical ụkpụrụ na-agbanwe bụ uche na ọchịchọ nke Mmepụta.

Mgbe ụfọdụ, i nwere ike na-agụ ihe dị ka, "nke a na atụmatụ dị ọbụna ntụgharị», ma ihe nwere ike ịgụ ihe banyere ihe ekwekọghị na-aghọta na-akọwa a kpọmkwem nchọgharị. Ukwuu na-erughị nwere ike ịmụta banyere otú JavaScript bụ dị iche iche dị iche iche na ihe nchọgharị.

Eleru ahụmahụ, ekiri atụmatụ "Chrome" na "Opera", akatọ igbu oge na inertia nke nchọgharị si emeputa (nke-agaghị echefu echefu, hụrụ n'anya ka obi ọ bụla programmer na ntụgharị, "Microsoft", "The mma ochie Internet Explorer anaghị bụrụ ọnụ dị nnọọ umengwụ. Ma ọ bụ onye ọ bụla na kọmputa gị naanị maara otú na-egwu "Solitaire", "- kwuru na-amaghị na-ede akwụkwọ Internet), ga-eso ọlaedo pụtara: iji ihe na-arụ ọrụ n'ebe nile na mgbe niile.

Ndị mmadụ mkpa ngwaọrụ na-arụ ọrụ mgbe ha mkpa iji nweta obi ụtọ, ha na-emekarị gaa na ndekọ ọrụ ma ọ bụ ihe nkiri, ma ọ bụghị Internet.

Iṅomi ha na Control

Na mbụ, mgbe mmemme na-na-na ụkwụ ya, ọ bụ omenala na-ege ntị ndị agadi na ide ihe nke ọma. Taa ọtụtụ ndị agadi, kwa ngwa ngwa ihe nile na-agbanwe agbanwe, na ọ bụrụ na ị na-ege ntị mgbe niile bụ ezughị ọbụna a nnọọ mfe ọrụ, na nke kacha nta ọtọ na saịtị.

Programming - bụ isi a na-achịkwa, na ikpe mgbe ọkọlọtọ abụchaghị eziokwu tent iwu, ma ọ bụ i nwere ike na-atụ anya a nkọ mgbanwe nke iwu, ya liquidation na ntoputa nke ọhụrụ, ihe ngwọta kasị mma ka mgbe niile ghara ime ka mkpebi ọ bụla, na mejuputa chọrọ arụmọrụ nke saịtị na kacha nta na o kwere omume, ma n'ezie na-arụ ọrụ na koodu .