Jump to content
php.lv forumi

CSS Parenti un childi.


Cibiņš
 Share

Recommended Posts

Man ir teiksim 2 līmeņu lapa. Runa ir par hoveriem.

 

Scenārijs ir šāds:

Uzhoverējot teiksim uz parent menuča "Servisi" tas iekrāsojas sarkanā krāsā, savukārt apakšā izkrīt childmenuči. To tiktāl es māku uztaisīt lai uz hoveriem nomainās teksta krāsa. BET kā panākt, lai pamatteksta krāsa "Servisi" ir melna, uzhoverējot ar peli uz tā, kad izkrīt apakšējais otrais līmenis ar childu menučiem, hoverējot uz čildu menučiem tie ir sarkani BET ARĪ PARENT menu saglabājās sarkanā krāsā??

Link to comment
Share on other sites



<script src="http://code.jquery.com/jquery-1.8.0.min.js"></script>
<script>
$(function(){
$('li.child').hover(function(){
$(this).parent('ul').parent('li.parent').find('a').removeClass('astyle').addClass('red');
}, function(){
$(this).parent('ul').parent('li.parent').find('a').removeClass('red').addClass('astyle');
});
}); 

</script>
<style>

ul li.parent>ul{
display: none;
}
ul li.parent:hover ul{
display: block;
}
ul li.parent ul li.child:hover{
color: red;
}
.red{
color: red;
}
.astyle{
color: black;
}
.astyle:hover{
color: red;
}
</style>

<ul>
<li class="parent"><a class="astyle" href="">ASD</a> 
<ul>
<li class="child">asd</li>
<li class="child">asd</li>
<li class="child">asd</li>
<li class="child">asd</li>
</ul>
</li>
<li class="parent"><a class="astyle" href="">ASD</a> 
<ul>
<li class="child">asd2</li>
<li class="child">asd2</li>
<li class="child">asd2</li>
<li class="child">asd2</li>
</ul>
</li>
</ul>

 

domu sapratu? ja nē tad gūgļo par šo lietu..

Edited by nice1
Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
 Share

×
×
  • Create New...