Je donnerais le <li>
d'une classe pour ceci, peut-être class="default"
, le rendant facile de changer plus tard. Ensuite, il suffit de changer la fonction de vol stationnaire pour tenir compte:
$("ul#topnav li").unbind().hover(function() {
$(this).css({ 'background' : '#1376c9 url(topnav_active.gif) repeat-x'})
.find("span").show();
$(this).siblings('li').css({ 'background' : 'none'}).find("span").hide();
} , function() {
if($(this).hasClass('default')) return;
$(this).css({ 'background' : 'none'})
.find("span").hide();
$(this).siblings('.default').mouseenter();
});
You can view a demo of it here, si vous le voulez affiché lorsque la page se charge d'abord aussi bien, vous pouvez le faire:
$("ul#topnav li.default").mouseenter();
Je ne suis pas sûr de savoir comment vous utilisez dans votre site, mais je mettrais les styles de vol stationnaire dans une classe .hover
, et vous pouvez faire: