Button beim klicken ändern

[EGJSoldier]

Hallo zusammen,
wie kriege ich so eine Navi hin:
http://www.templates-royal.de/
In der Navigation ist ein Rollover drin und wenn man auf ein Button klickt, dann behält er das Rolloverbild. Gibt es da irgendeine Lösung mit Javascript Ich habe das schon mit html und css versucht, funktioniert aber nicht für meine Zwecke.

Ich danke schon mal im vorraus.

MfG
EGJSoldier

 

[Maik]

Gibt es da irgendeine Lösung mit Javascript

Ja die gibt es, und steht für den interessierten Besucher frei zugänglich im Quelltext der Seite:

<script type="text/javascript">
var $jQuery = jQuery.noConflict();
	jQuery(document).ready(function(){

		$jQuery("#nav ul#mainlevel-nav").addClass("menu");
	$jQuery("#nav .menu").addClass("sf-navbar");
	$jQuery("#nav .menu").addClass("sf-menu");
	$jQuery("#nav li.active").addClass("current");
	$jQuery("#nav li.active").removeClass("active");
	$jQuery("#nav ul.sf-menu").superfish({
		pathClass:   'current',
		speed:       'fast',
		delay:       1000,
        animation:   {opacity:'show'},  // fade-in with NO slide-down animation
        animation:   {opacity:'show', height:'show'}
	});

	$jQuery("#nav ul.menu>li").hover (function() {
    	$jQuery(this).addClass('tab-hover');
    }, function () {
        $jQuery(this).removeClass('tab-hover');
    });
	
	...
	
});
</script>

mfg Maik

 

[EGJSoldier]

Ja ich weiß. Ich war mir nur nicht so sicher, wo ich diesen Quelltext zuordnen soll. Ich habe mirschon fast gedacht, dass es das ist. Ich habe nur noch ein Probelem. Wo werden die Bilder angegeben, die sich dann ändern sollen

Edit:// Wie bringe ich denn die classe current da rein. Die Klasse ist ja nur bei dem AktivenLink/Bild

MfG
EGJSoldier

 

[Maik]

Ich habe nur noch ein Probelem. Wo werden die Bilder angegeben, die sich dann ändern sollen

Ab Zeile 3355 im Stylesheet http://www.templates-royal.de/templ...-solution/css/template.css.php?type=superdrop

/* hover on all top levels */
#nav .menu li.sfHover a,
#nav .menu li#current a,
#nav .menu li.current a,
#nav .menu li.tab-hover a {
        background: transparent url(../images/menu-overlay.png) repeat-x top left;
        color: #fff;
}

mfg Maik