Jump to content
php.lv forumi

jQuery un CSS hover


ArnisR

Recommended Posts

Tātad ir šads CSS kods:

 

li.klase{background:gray;}

li.klase:hover{background:black;}

 

Ja ar peli uzbrauc uz .klase elementa, tad tas iekrāsojas melns.

 

 

Nospiežot pogu vajag panākt, lai elementam .klase tiek piemēroti :hover state stili (melna krāsa), tāpat kā tas notiek uzbraucot ar peli:

 

$('button').click(function(){

 

li.klase:hover;

 

});

 

Vārdu sakot, jāaktivizē :hover's , bez uzbraukšanas ar peli...

Kā tas būtu izdarāms?! Paldies!

Edited by ArnisR
Link to comment
Share on other sites

li.klase:hover,li.klase2{background:black;}

 

$('button').click(function(){

$('li.klase').addClass('klase2');

});

 

Šis variants nestrādā, ja li elementam jau iestatīta background vērtība.

Link to comment
Share on other sites

Reāli jau tur būtu šādi

 

li {background:#ccc;}
li:hover {background:#000;}
li.active (background:#000;)

 

un tālāk jau

 

/// visiem selektora li elementiem

 

$('.selektors').click(function() { 
   $('li').addClass('active'); 
});

 

vai arī

 

/// Konkurētam elementam

 

$('li').click(function() { 
   $(this).addClass('active'); 
});

 

vēl jau var šitā arī, ka piem li ir savā krāsa, hovers savā un active savā

 

li {background:#ccc;}
li:hover {background:#000;}
li.active (background:#333;)
li.active:hover {background:#333;} // Lai nemaina hoveri aktīvam li //

Edited by foxsk8
Link to comment
Share on other sites

li.active:hover

 

Nezināju, ka tā var darīt... Paldies.

 

Visādi var darīt :)

 

li.active.red:hover span.box{
display:block;
}

 

šeit, piemēram, tiks parādīts span elements, kas atrodas iekš li, uz kura ir uzbraukts virsū, un kam ir gan active, gan red klase.

 

<li class="active red"><span class="box">teksts</span></li>

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
×
×
  • Create New...