CSS: paglupadlupad. Orihinal nga Hover-epekto

Bug-os bag-ong mao ang ideya sa pagbahin sa presentasyon sa impormasyon gikan sa code kini gilalang ug proseso. Kini mao ang usa ka lig-on nga desisyon nga angay sa panahon, apan kini nga panahon wala giila dayon sa bug-os. Sa diha nga sa programa nga mibulag gikan sa usa ka computer, apan wala modaog sa lokal nga network o sa usa ka domain zone, ug sa diha-diha dayon mikaylap sa tanan nga sa ibabaw sa dapit, apan unya kini nahimong klaro nga ang probisyon sa impormasyon (sa mga termino sa mga disenyo) ug pagtrabaho uban niini (sa mga termino sa code) - duha ka kilid sa sama nga eroplano.

Tulo ka bahin sa site building

Gikan sa usa ka pormal nga punto sa panglantaw, adunay tulo ka nag-unang nga sangkap (sa nagkalain-laing pagtakuban syntax) nga sa paghimo sa site: PhP-code, JavaScript-code ug paghulagway sa estilo sa CSS. Kini dili igsapayan kon sa unsang paagi kini gigamit ug unsa nga bersyon sa usa ka partikular nga component, unsa nga bersyon sa HTML gigamit ug unsa nga bersyon sa browser mao ang bili niini. Compatible karon dili gihimo sa hatag-as nga pagtamod, tungod kay sa bisan unsa nga panahon mao ang overdue: nga encoded ug nga sa unsa ang encoded, mahimong gipakita ug gipatay.

Kon kaniadto nakig-away alang sa ideya sa pinulongan, karon sa pagpakig-away sa mga walay pulos nga gusto tiggama sa mga sumbanan diha sa kapatagan sa teknolohiya sa Internet ug sa browser.

Pribado ug publiko

Ang paagi nga access sa Internet, sa usa ka daghan sa (computer, laptops, papan, smartphones), browser, usab, magmadagayaon. Walay garantiya nga ang tagsa-tagsa nga lalang ipakita ang site sa dagway sa nga kini gibuhat sa usa ka developer. Dili sa kanunay sa pagkab-ot sa target sa miaging paningkamot, ug sa paghatag sa usa ka hiniusa nga web design adunay daghang mga nawong, nga mao ang diwa sa panaghiusa display, bisan asa kini pagabuksan sa bisita.

Pagpakigbahin sa mga pribado ug sa publiko, paggamit sa ulahing lamang sa mga buhat, nga kamo mahimo sa pagkab-ot sa mahinungdanon nga pag-uswag diha sa disenyo. Beauty, artistic nga higayon ug web design - ang panulondon sa mga may kalabutan nga mga eksperto ug mga talento. CSS - sa usa ka code, bisan kaayo lahi. Sa iyang kabalaka sa paghulagway sa mga estilo (display mga kapilian). Uban sa anhi sa mobile devices CSS sa load sa aktuwal nga coding sa media pangutana. Mao nga ang mga kapilian sa pag-kaminyoon tali sa disenyo ug tinubdan - kini dili sa ingon realistiko ingon nga kini unta daw lang sa usa ka pipila ka tuig na ang milabay.

Ang developer nga moapil diha sa development CSS-estilo base sa imong personal nga kasinatian ug napamatud-an nga mga mga laraw CSS nga pagtrabaho sa kadaghanan sa mga browsers pagtagbaw sa labing bisita. ang una ug ikaduha nga minimum kinahanglan nga gigamit ingon nga sa daghan nga kutob sa mahimo, unya daghan pa lagmit sa pagkuha sa usa ka resulta nga nagabuhat sa halos bisan diin, bisan kanus-a.

Ang unang pagmando sa: Standard nga paglaum, apan usab sa mga tawo nga tabangan ang ilang kaugalingon

CSS: hover - sa diha nga ang mouse ang "na" sa panid butang. Sa diha nga ang mouse ang mosantup sa usa ka elemento, kini mahimong aktibo, apan sa dihang ang cursor moadto sa kiliran, kini usab sa pag-usab, ug magapakita sa ilang kaugalingon sa usa ka aktibo nga kahimtang. ": Hover", "aktibo" ug "mibisita" - ang labing popular nga mini-klase sa paghulagway sa mga estilo.

Kini mao ang kaayo sayon sa imong site code nga dili mabalaka mahitungod sa maong gagmayng mga butang sama sa kalihukan sa mouse ibabaw sa mga elemento. Pagsangkap diha sa lamesa nga naghulagway sa duha ka mga paghulagway sa mga estilo:

nga elemento {

kolor: itom;

}

elemento: Hover {

kolor: puti;

background-kolor: lunhaw nga;

}

Pagkuha og sa diha nga hover kaninyo sa mouse sa elemento awtomatikong-usab sa kolor nga teksto gikan sa itom nga sa puti, ug mag-usab sa mga background sa mga elemento sa lunhaw. Mini mahimong apply ngadto sa bisan unsa nga elemento ug sa pagkab-ot sa usa ka halapad nga matang sa talan-awon nga mga epekto.

Ang ikaduha nga pagmando sa: pagsalig sa mga sumbanan, gigiyahan sa iyang code

Ang tanan nga butang nga lino nga fino nga kon pag-uswag nagpabilin sa computer ug laptop himan uban sa mga bukton, ug mga pag-asdang sa mobile komunikasyon wala gidala ngadto sa pagtunga sa mga smartphones, papan ug uban pang mga mobile device nga Sumpaysumpaya ang maong usa ka lalang kaayo problema.

Sa laing bahin, lamang himan sa usa ka espesyal nga gamit paghikap screen ang anaa direkta pagmaniobra sa imong mga tudlo sa paghikap screen, ingon nga kini nahimo nga naandan sa smartphones, papan ug sa susamang mga lalang.

Adunay usa ka mahinungdanon nga kalainan ug: Hover mga buhat dinhi dili ingon nga kita gusto. Walay code dili buhaton, ug sa paggamit sa mga media pangutana mohukom dili ngadto sa tanang mga pangutana.

Pagkaangay - mahal kaayo sa karon nga kalibutan sa impormasyon, busa, aron sa pagsiguro sa tukma nga kalihukan sa mga dapit sa sulod sa espesipikong mga kinahanglanon alang sa web design ug pagpatuman sa usa ka operatiba, sa labing maayo sa magiyahan sa minimum nga gikinahanglan nga sa paggamit sa kaso: CSS paglupadlupad, CSS paglupadlupad focus, CSS Hover aktibo (mibisita) . Ang mas code (sama sa browser ug sa server) monitor Web design, ang mas maayo. Ang programa - mao ang pagkontrolar sa, kini mao ang mas maayo nga sa diha nga kini nga pagpugong sa dili alang sa abang sa mga kalooy sa sa kasamtangan nga mga sumbanan, nga kanunay wala mahibalo kon unsa ang mahitabo.

Buton ug uban pang mga elemento sa panid

Button Hover CSS - sa usa ka talagsaon nga solusyon, apan sa kadugayan, ang matag elemento sa panid mao ang "button". Ang site kinahanglan nga sa panguna sa usa ka buhi ug kon ang code dili gitukod, kon ang buluhaton mao ang sa paghimo sa usa ka site nga og igong kasangkaran ug mga buhat base sa kinaiya bisita, unya sa labing menos sa mga paagi sa CSS estilo-sa-makahatag liveliness elemento panid.

Gamita Hover-epekto sayon. Uban sa ilang tabang, mahimo kamo sa dali rang ihatag ang imong mga panid liveliness, apan ang code wala mahibalo kon unsay makapahimo sa usa ka mouse sa screen, kon kini mao ang dili posible nga sa pagsubay kalihukan niini. Gikan niini nga punto sa panglantaw, nga mao, sa diha nga ang code sa kontrol mouse kalihukan (= motion sa usa ka tudlo sa usa ka smartphone), kini kagawasan, gawas highlight sa usa ka butang o sa kinabig niini. Kini adunay walay bisan unsa nga sa pagbuhat sa uban sa mini-klase, apan naghatag bug-os nga kontrol sa code panagway panid, aron sa igong ipakita kini sa lain-laing mga lalang sa lain-laing mga browsers.

Lit-ag sa stylesheets

Ang pag-ingon nga ang mga sumbanan sa kapatagan sa mga estilo CSS wala masayud unsa ang ilang gibuhat, dili gayud kini mahimo, apan sa ingon nga sila sa bug-os mokooperar sa sa ubang mga nga mga sukdanan sa kapatagan sa internet programa mao usab nga dili mahimo.

Estilo ug mini-klase mahimong gihubit sa sa yugto sa panid coding, sa diha nga ang server og usa ka pahina ug diha sa kaabtikon mao na sa sulod sa browser, kamo sa dali rang sa paghimo sa usa ka bag-o nga estilo ug mag-usab sa usa ka kasamtangan nga sa usa ka.

Pinaagi sa paggamit sa Ajax, sa diha nga walay panginahanglan sa pag-makamugna sa panid sa pagpasundayag sa tubag sa aksyon sa bisita, ug kini mao ang igo sa pag-usab sa usa ka butang o multiple mga butang midugang sa usa ka gamay nga "pepper". "Friendship" code - nga mao na sa browser (JavaScript) ug sa kamatuoran nga ang server (ang PHP) - ang panulondon sa mga tagsulat (programmer) nga dapit.

Sa unsa nga paagi nga ang algorithm sa interaction niini nga gipatay, kamahinungdanon nagdepende dili lamang sa display sa panid sa mga elemento niini, apan usab sa ilang panglantaw sa dugang nga code. Sa yanong pagkasulti, ang mini (sa partikular) mga maayo kaayo alang sa nagapahulay, nagahunong, sama sa paglawig yachts sa tin-aw nga dagat sa usa ka kahayag nga hangin - ang tanang mga butang mao ang tin-aw, accessible ug manageable. Kon ang mga kausaban sa panahon, o sa diha nga ang hangin mao ang lig-on, o ang hinungdan sa bisita sa usa ka wala damha nga kahimtang, mahimo sa madali manaog sa kagaangan ug sa pagkawala sa sa bisita.

Standard ug ang iyang pagsunod

Estilo sa CSS sa Hover mahimong sundon pinaagi sa JavaScript, pinaagi sa paggamit sa onmouseover ug onmouseout mga panghitabo. Kasagaran kini sa tanan nga mga lumulupyo. Gikan sa panglantaw sa komon nga pagbati sa diha nga kini moabut ngadto sa pagmugna sa tinuod nga pagbuhat site, kini mao ang mas maayo sa pagbantay sa pagkontrolar sa ilang mga kamot, kay sa paghatag niini sa kalooy sa tinumotumong sukdanan nga sa pag-usab mao ang kabubut-on ug tinguha sa developer.

Usahay ang imong mahimo sa pagbasa sa usa ka butang nga sama sa, "kini nga bahin mao ang anaa bisan sa IE», apan labaw pa mabasa mahitungod sa unsay mga estilo nga nakasabut sa paghulagway sa usa ka piho nga browser. Daghan ang dili kaayo makakat-on kon sa unsang paagi JavaScript lahi sa lain-laing mga browsers.

Pagtimbang-timbang sa kasinatian, nagdayeg bahin "Chrome" ug "Opera", pagpanaway sa kahinay ug búngdal sa browser gikan sa manggagama (sa dili makalimtan nga, minahal sa kasingkasing sa IE ang tanan nga programmer ni, "Microsoft", "Ang maayo nga daan Internet Explorer wala pagtungloha sa lang tapolan. O bisan kinsa sa imong computer lamang ang nahibalo kon sa unsang paagi sa pagdula sa "Solitaire", "- mikutlo sa usa ka wala mailhi nga tagsulat sa Internet), kinahanglan nga mosunod sa bulawan nga nagpasabot: sa paggamit sa unsa ang mga buhat sa tanang dapit ug sa tanang panahon.

Ang mga tawo kinahanglan nga himan sa pagtrabaho sa diha nga sila kinahanglan nga pagkuha sa kalingawan, sila sa kasagaran moadto sa registry buhatan o sa teatro, apan dili sa Internet.

Kasina, ug Control

Kaniadto, sa diha nga programa mao ang pagkuha sa iyang mga tiil, nga kini mao ang naandan sa pagpaminaw sa mga tigulang ug sa pagsulat sa husto nga paagi. Karon usab sa daghan nga mga senior, usab sa madali ang tanan sa pag-usab, ug kon kamo mamati sa tanan nga mga panahon mao ang dili igo bisan alang sa usa ka yano nga trabaho, sa minimum functional site.

Programming - mao ang una sa usa ka control, ug sa mga kaso sa diha nga ang standard mapihigong set sa mga lagda, o ikaw makadahom sa usa ka mahait nga kausaban sa mga lagda, ang liquidation ug ang pagtunga sa mga bag-o, ang labing maayo nga solusyon sa kanunay nga dili aron sa paghimo sa bisan unsa nga mga desisyon, ug pagpatuman sa mga gikinahanglan nga kagamitan, katuyoan site sa kinagamyan sa mahimo, apan sa tinuod sa pagtrabaho code .