Ho aggiunto al mio file html le seguenti librerie:

<script type="text/javascript" src="jquery/hoverIntent.js"></script>
<script type="text/javascript" src="jquery/superfish.js"></script>

Fonte:
http://users.tpg.com.au/j_birch/plug...rfish/#options

Ma ho modificato il codice in questo modo:

$(document).ready(function() {
$('ul.sf-menu').superfish({
delay: 1000, // one second delay on mouseout
animation: {opacity:0.7,height:'show'}, // fade-in and slide-down animation
speed: 'fast', // faster animation speed
autoArrows: false, // disable generation of arrow mark-up
dropShadows: false // disable drop shadows
});
});

Il codice funziona però la trasparenza si estende anche ai tag li selezionati con il comando hover mentre io non vorrei che accadesse! In pratica clicco su Home page, mi si apre il menu a tendina e quando scendo con il mouse per selezionare le altre voci del sotto menu a tendina queste ultime si colorano di rosso come imposto dal file css ma di un rosso anch'esso trasparente .

Grazie!

Grazie