CSS: hover. Liphello tsa pele tsa hover

Ntho e ncha e ncha e ne e le khopolo ea ho arola boemeli ba tlhahisoleseding ho tswa ho molao oa ho bopa le ho sebetsana le oona. E ne e le qeto e matla ka nako eo, empa motsotso ona ha oa ka oa hlokomeloa ka nako e tletseng. Ha lenaneo le ne le arohanngoa le khomphuta e le 'ngoe, empa ha ea ka ea hlōla marang-rang a sebakeng seo kapa sebaka se le seng sa domain, empa se ile sa hasana sebakeng sohle, empa ho hlakile hore tlhahiso ea tlhahisoleseling (moqolong oa karolo) le ho sebetsana le eona (karolong ea khoebo) - tse peli E fane ka sefofane se le seng.

Likarolo tse tharo tsa mohaho oa maqephe

Ho ea ka pono ea molao, ho na le likarolo tse tharo tse kholo (ka mefuta e fapaneng ea syntactic) e etsang setša: khoutu ea PHP, mekhoa ea JavaScript le litlhaloso tsa mokhoa oa CSS. Ha ho tsotellehe hore na phetolelo ena e sebelisoa joang le hore na ke phetolelo efe e sebelisitsoeng, ke phetolelo efe ea HTML e sebelisoang le hore na ke phetolelo efe ea sebapali ea bohlokoa. Ts'ebetsong ha e hlomphuoe hona joale, kahoo motsotso o mong le o mong ke oa nnete: eng e kentsoeng le hore na ho tsoa eng e kentsoeng e ka bontšoa le ho etsoa .

Haeba pejana likhopolo li ne li loaneloa ka lipuo, kajeno li tšoana le baetsi ba litekanyetso lefapheng la lisebelisoa tsa Internet le li-browser.

Batho le ba bang

Mekhoa eo Inthanete e ka fihlelang ho eona, e ngata (lik'homphieutha, li-laptops, matlapa, li-smartphone), li-browser li boetse li ngata. Ha ho tiiso ea hore sesebelisoa se le seng se tla bontša sebaka sena ka mokhoa oo se bōpiloeng ke moqapi. Hase kamehla boiteko ba ho qetela bo finyellang pakane le ho fana ka moqapi oa marang-rang ka mokhoa o le mong, e leng, bonngoe ba pontšo ea mokhatlo, kae kapa kae moo ho bulehileng moeti teng.

Ho arolelana le batho ka bomong le sechabeng, u sebelisa sepheo sa ho qetela feela se sebetsang, u ka finyella katleho e ikhethang ka moralo. Botle, motsotso oa bonono le moqapi oa marang-rang ke karolo ea litsebi le litalenta tse tšoanang. CSS ke khoutu, le hoja e le e ikhethang haholo. Kameho ea hae ke ho hlalosa mekhoa (boitsebiso ba ho bonts'a tlhahisoleseling). Ka ho fihla ha lisebelisoa tsa thelefono, CSS e ne e laetsoe ka ho ngolisa mekhoa ea sebele ka mokhoa oa lipotso tsa mecha ea phatlalatso. Kahoo kgetho ea ho kena lenyalong hape pakeng tsa moqapi le khoutu ha e joalo e le ntho ea sebele joalokaha e ne e ka bonahala eka lilemong tse 'maloa tse fetileng.

Moqapi, ea sebetsang ho nts'etsopele ea mekhoa ea CSS, o itšetleha ka phihlelo ea hae ea bopaki le ea li-CSS tse sebetsang libukeng tse ngata, tse khotsofatsang ba bangata ba baeti sebakeng sena. Ho hlokahala hore u sebelise boholo ba pele le bonyane ba bobeli, joale ho na le menyetla e mengata ea ho fumana phello, ho sebetsa hoo e ka bang kamehla le hohle.

Molao oa pele: ka tekanyetso, tšepo, empa ha e mpe

CSS: hover - sena ke ha mouse e "ea" e hlahisa sebopeho sa leqephe. Ha mouse e totobetse ntlha, e fetoha mafolofolo, empa ha ho na le sekhooa se eang lehlakoreng, se ka boela sa fetoha 'me se iponahatsa boemong bo sebetsang. "Hover", "e sebetsang" le "ho etela" ke lihlopha tsa maqheka tse ratoang ka ho fetisisa ha li hlalosa mekhoa.

Ho bonolo haholo ho khomphuteng ea sebaka seo u sa lokelang ho se ela hloko ka lintho tse joalo tse kang ho tsamaea ha mouse ka holim'a lisebelisoa. E fanoe tafoleng ea tlhaloso ea mekhoa tlhaloso e 'meli:

Element {

Botala: batsho;

}}

Element: hover {

Botala: tšoeu;

Kamora-'mala: tala;

}}

Fumana ha u fuputsa mouse ka sethaleng ka boomo o fetola 'mala oa temana ho tloha ho batsho ho ea ho tšoeu' me u fetole mokokotlo oa ntlha ena ho o tala. Lihlopha tsa maqheka li ka sebelisoa ho ntho efe kapa efe 'me li finyella mefuta e sa tšoaneng ea litšoantšo.

Molao oa bobeli: ho tšepa litekanyetso, tsepamisa maikutlo ho khoutu ea hau

Ntho e 'ngoe le e' ngoe e ne e tla ba ntle haeba tsoelo-pele e ntse e le boemong ba lik'homphieutha le li-laptops tse nang le mouse, 'me tsoelo-pele ho puisano ea lisele ha ea ka ea lebisa ponahalong ea li-smartphone, matlapa le lisebelisoa tse ling tsa mohala, tseo ho leng thata ho li hokahanya.

Ka lehlakoreng le leng, ke feela lisebelisoa tse nang le lisebelisoa tse khethehileng tsa ho shebella, ho ka khoneha hore u sebelise menoana ka ho toba ka skrine, kaha e se e tloaelehile li-smartphone, matlapa le lisebelisoa tse tšoanang.

Ho na le phapang e kholo le: hover mona ha e sebetse ka tsela eo re ka ratang ka eona. Ha o khone ho etsa ntle le khoutu mona, mme ha ho lipotso tsohle tse rarollang tšebeliso ea lipotso tsa mecha ea phatlalatso.

Ts'ebetsong e theko e boima haholo lefats'e la tlhahisoleseding ea morao-rao, ka hona, e le ho fana ka tshebetso e nepahetseng setšeng ka har'a litlhoko tse hlophisitsoeng tsa websaete le ts'ebetsong ea tshebetso, ho ka ba molemo ho lebisa tlhokomelo litsing tse fokolang tsa ts'ebetso: CSS hover, CSS hover e sebetsang, . Khoutu e eketsehileng (ka hare ho sebapali le ho seva) e laola moqapi oa websaete, e molemo. Lenaneo le laola, ho molemo ha ts'ebetso ena e sa fane ka litekanyetso, eo hangata u sa tsebeng hore na u ka lebella eng.

Li-buttons le likarolo tse ling tsa leqephe

Butter hover CSS ke tharollo e hlollang, empa ka kakaretso karolo e 'ngoe le e' ngoe ea leqephe ke "konopo". Sebaka sena se lokela ho ba sa pele le sa bohlokoa ka ho fetisisa se phela, 'me haeba se sa kenyelletsoa mocheng ona, haeba mosebetsi oa ho etsa sebaka se hlahelang ka mokhoa o lekaneng tšimong ea kopo le ho sebetsa ho ea ka boitšoaro ba moeti, bonyane ho sebelisa mekhoa ea CSS e ka fana ka boleng boemong ba leqephe.

Sebelisa liphello tsa hover habonolo. Ka thuso ea bona, o ka etsa hore maqephe a se ke a atleha, empa khoutu ha e tsebe seo mouse e se etsang skrineng haeba e se na bokhoni ba ho latellana le eona. Ho latela ntlha ena, ke hore, ha khoutu e laola tsela ea mouse (= ho phalla ha letsoho ka smartphone), e ka hlakisa ntho eo kapa ea e fetola ka boipiletso. Sena ha se kopane le lihlopha tsa maqheka, empa e fana ka taolo e feletseng holim'a khoutu ea ponahalo ea ka ntle ea leqephe, e u lumella ho e bontša ka ho lekaneng lisebelisoa tse fapaneng lipapaling tse fapaneng.

Litšitiso ka maqephe a mokhoa

Ho bolela hore ba tloaelehile tlhaloso ea mekhoa ea CSS ha ba tsebe seo ba se etsang, ho ke ke ha khoneha, empa ho ke ke ha boleloa hore ba sebelisana ka ho feletseng le litekanyetso tse ling lefapheng la Inthaneteng.

Mekhoa le lihlopha tsa maqheka li ka hlalosoa sethaleng sa encoding sethaleng, ka nako eo seva e hlahisang leqephe le mechine e meholo: e se e ntse e le ka hare ho sebapali, ho bonolo ho theha mokhoa o mocha le ho fetola o teng.

U sebelisa AJAX, ha ho hlokahale hore u boele u fetole leqephe leo ho bonahatsa seo u se etsang ho moeti, empa u fetole karolo ea eona kapa lintho tse 'maloa li phaella "pepere" e nyane. "Metsoalle" ea boitsebiso - hore ebe e seng e ntse e le sebapali (JavaScript) le hore seva (PHP) - qetello ea moqapi (moqapi).

Ho tloha moo algorithm ea ho sebelisana hona e tla phethoa, ha e le hantle ha e itšetlehe feela ka pontšo e leqepheng la likarolo tsa eona, empa hape e itšetlehile ka maikutlo a bona a eketsehileng ka khoutu. Ka mantsoe a bonolo feela, lihlopha tsa maqheka (haholo-holo) li ntle haholo bakeng sa statics, mofuta o kang oa sekepe sa leoatle le leoatleng le hloekileng le moea o khanyang - ntho e 'ngoe le e' ngoe e totobetse, e fumanehang le e laoloang. Haeba boemo ba leholimo bo fetoha, kapa ha moea o ntse o eketseha, kapa moeti a bakela boemo bo sa lebelloang, u ka potlakela ho kena ka lefeelleng 'me u lahleheloa ke moeti.

E tloaelehileng le pono ea eona

Setjhaba sa CSS se ka fetisoa ka JavaScript, ka ho sebelisa onmouseover le liketsahalo tsa onmouseout. Hangata sena se fela. Ho ea ka pono ea kutloisiso, ha ho tluoa tabeng ea ho bopa sebaka sa sebele sa mosebetsi, ho molemo ho tšoara taolo matsohong a hau ho feta ho e fa mohau oa litekanyetso tsa tšōmong tse fetolang ho feta takatso le takatso ea moqapi.

Ka nako e 'ngoe u ka bala ntho e kang "tšobotsi ena e fumaneha esita le ho IE", empa hangata u ka bala ka litlhaloso tsa mokhoa oa mokhoa oa ho khetholla tse hlalositsoeng ke sena kapa sebapali seo. Ha ho bonolo hakaalo ho ithuta ka libaka tse ling tsa li-browser tse fapaneng le Javascript.

Ho hlahloba phihlelo e bokelletsoeng, ho ananela menyetla ea "Chrome" le "Opera", ho nyatsa ho lieha le ho tsitsa ha sebapali ho tloha ho moetsi (e sa lebaleheng, ea ratehang ho ea leha e le efe ea lenaneo la IE ho tsoa ho Microsoft: "Molemo oa khale Internet Explorer ha aa ka a tsosoa feela ba botsoa. Ke feela ea tseba ho bapala "Scythe" ", - e qotsitsoeng ke mongoli ea sa tsejoeng oa Inthanete), motho o lokela ho khomarela se boleloang ke khauta: ho sebelisa se sebetsang hohle le kamehla.

Batho ba hloka chelete ho sebetsa ha ba hloka ho fumana thabo eo ba atisang ho e ea ofising e ngolisoang kapa holong ea lipapali, empa eseng Inthaneteng.

Ho tsitsa le ho laola

Pejana, ha lenaneo le ntse le nyoloha, e ne e le tloaelo ho mamela baholo le ho ngola ka nepo. Hona joale ho na le baholo ba bangata haholo, ntho e 'ngoe le e' ngoe e fetoha ka potlako haholo, 'me haeba u mamela bohle, joale ha ho na nako e lekaneng bakeng sa mosebetsi o bonolo haholo, websaeteng e fokolang ea mosebetsi.

Lenaneo le na le taolo e kholo, 'me maemong ao ka' ona maemo a ts'oanang a tsitsitseng melao, kapa u ka lebella phetoho e boima pusong, ho felisoa ha eona le ho hlaha ha e ncha, tharollo e molemo ka ho fetisisa e ne e sa lokela ho etsa liqeto leha e le life, empa ho phethahatsa ts'ebetso e hlokahalang ea sethala ka bonyane ho khoneha .