Orodha ya maudhui:

Madhara ya hover ni nini?
Madhara ya hover ni nini?

Video: Madhara ya hover ni nini?

Video: Madhara ya hover ni nini?
Video: Nini Chakufanya Unaposemwa Vibaya Na Watu? 2024, Desemba
Anonim

Hover Athari : Picha na Uhuishaji wa Mandharinyuma. Hover athari kwa bidhaa. Picha hutoka juu na chini, na kisha mandharinyuma huteleza nje na kuhuisha.

Jua pia, unafanyaje maandishi kuonekana wakati picha inaelea?

Jinsi ya Kuonyesha Maandishi Uhuishaji Juu ya Picha kwenye Hover kwa kutumia CSS3 pekee

  1. Unda HTML¶ Ongeza picha yako kwa kutumia

    tag na maandishi. Kwanza, unapaswa kuongeza picha yako kwa kutumia

    tagi.

  2. Unda CSS¶ Set:hover selector. Athari ya kuelea imewekwa kwa kutumia:hover pseudo-class ambayo huchagua na kutengeneza kipengee.

Mtu anaweza pia kuuliza, unatumiaje hover? Kiteuzi cha:hover kinatumika kuteua vipengee unapovipanya juu yake.

  1. Kidokezo: Kiteuzi cha:hover kinaweza kutumika kwenye vipengele vyote, sio tu kwenye viungo.
  2. Kidokezo: Tumia:kiteuzi cha kiungo ili kuunda viungo vya kurasa ambazo hazijatembelewa,:kiteuzi:kilichotembelewa ili kuweka viungo vya kurasa zilizotembelewa, na:kiteuzi kinachotumika kutengeneza kiungo kinachotumika.

Hivi, unawezaje kuelea picha katika CSS?

Jibu: Tumia mali ya picha ya mandharinyuma ya CSS

  1. Badilisha Picha kwenye Hover katika CSS
  2. .kadi {
  3. upana: 130px;
  4. urefu: 195px;
  5. mandharinyuma: url("picha/card-back.jpg") hakuna kurudia;
  6. kuonyesha: inline-block;
  7. }

Je, ninawezaje kuondokana na hover?

Ili kuzima athari ya hover, nina maoni mawili:

  1. ikiwa athari yako ya hover imechochewa na JavaScript, tumia tu $. fungua ('hover');
  2. ikiwa mtindo wako wa kuelea umechochewa na darasa, basi tumia tu $. removeClass('hoverCssClass');

Ilipendekeza: