CSS-Layer animieren für Menü

coly · #1 (**permalink**) 25.09.2008, 16:17

Hallo,

Ich möchte gerne eine horizontale Navigationsleiste bauen, die beim mouse-overauf einer definierten fläche ins bild "hineinfährt".

Quasi so:

ImageShack - Hosting :: unbenannt2zp8.jpg

Die Schwarze fläche stellt dann den Inhalt meiner Website da, die navigation soll also bei einem mouse-over praktisch über den eigentliche inhalt "fahren".

Hat jemand Beispiele, Tutorials, oder sonstiges für mich. Steh ien bißchen an.

izak.stern · #2 (**permalink**) 25.09.2008, 16:41

man könnte das z.b. mit jquery loesen:

Code:

$('#navigation').hover(
	function(){
		$('#content').slideUp('slow|normal|fast');
	},
	function(){
		$('#content').slideDown('slow|normal|fast');
	}
);

jquery hat bei der hover() funktion 2 funktionen vorgesehen, von denen die zweite optional ist - zu vergleichen mit onMouseOver und onMouseOut bei js.

bei "$('#content')" kannst du übrigens jegliche css-selektoren verwenden.

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Problem mit CSS Dropline menü	horst77	CSS	1	12.08.2009 11:49
css menü - bitte schnell um hilfe :please	costfree	CSS	2	16.01.2009 12:55
IE6 Problem mit CSS Menü	träumer	CSS	2	15.01.2007 16:55
problem mit dem css menü	nevermind	CSS	72	11.10.2005 16:31