Bienvenue sur Geeklog France, anonyme 03 décembre 2016 - 14:39

Menu color

js code

jQuery(document).ready(function() {

    jQuery("#menu >ul >li:nth-child(1) >a").css({
        'background-color' : 'orange',  'color' : 'white', 'border' : 'none'
    });

    jQuery("#menu >ul >li:nth-child(2) >a").css({
        'background-color' : 'red',  'color' : 'white', 'border' : 'none'
    });

    jQuery("#menu >ul >li:nth-child(3) >a").css({
        'background-color' : 'blue',  'color' : 'white', 'border' : 'none'
    });

    jQuery("#menu >ul >li:nth-child(4) >a").css({
        'background-color' : 'green',  'color' : 'white', 'border' : 'none'
    });

    jQuery("#menu >ul >li:nth-child(5) >a").css({
         'background-color' : '#FFBF00',  'color' : 'white', 'border' : 'none'
    });
});

html code

<div id="menu" style="display:block">
<ul>
<li><a href="http://geeklog.fr/"><span>Home</span></a></li>
<li><a href="http://geeklog.fr/downloads/index.php"><span>Downloads</span></a></li>
<li><a href="http://geeklog.fr/wiki/doku.php"><span>Wiki</span></a></li>
<li><a href="http://geeklog.fr/forum/index.php"><span>Forum</span></a></li>
<li><a href="http://geeklog.fr/contact/index.php"><span>Contact</span></a></li>
</ul>
</div>

|