Onderstaand script zorgt er, in combinatie met de css file, voor dat een submenu balk verschijnt bij een mouse over, en dat deze weer verdwijnt bij mouse out.
Nu wil ik dat het submenu bij mouse out niet direct verdwijnt maar even blijft staan. Bijvoorbeeld 1000 msec.
Wie kan het script aanvullen?
groet, Maurice
Nu wil ik dat het submenu bij mouse out niet direct verdwijnt maar even blijft staan. Bijvoorbeeld 1000 msec.
Wie kan het script aanvullen?
groet, Maurice
Code:
<script type="text/javascript">
$(document).ready(function() {
$("ul#topnav li").hover(function() { //Hover over event on list item
$(this).css({ 'background-image:url(../images/topnav_active.gif repeat-x'}); //Add background color and image on hovered list item
$(this).find("span").show(); //Show the subnav
} , function() { //on hover out...
$(this).css({ 'background' : 'none'}); //Ditch the background
$(this).find("span").hide(); //Hide the subnav
}
}
</script>