Webdesign 101 » Navigation » Dynamiske menuer » Flydende menu

En flydende menu

En af de få fornuftige årsager, der kan tænkes, for at bruge frames i kon­struk­tions­arbejdet er ønsket om at holde en menu fast i browservinduet, uanset om der skal scrolles.

Da jeg, sammen med mange andre websidekonstruktører, i det store og hele synes, at anvendelsen af frames er en meget dårlig idé, er det måske på sin plads at præsentere et script, der gør det muligt at fastholde en menu på den synlige del af en en hvilkensomhelst webside.

Jeg kalder det en flydende menu, fordi den flyder på siden. Andre kalder det en "statisk menu", fordi den altid befinder sig på samme plads i browservinduet.

Jeg har fundet hjælp til dette script i i bogen "Dynamic HTML - weekend crash course" af Dave Taylor.

Scriptet

Scriptet forudsætter, at der på websiden er en absolut positioneret box med ID="flydeMenu"

Jeg er lidt usikker på, hvorledes brugerne vil synes om sådan en menu, men der er i hvert fald én anvendelse af dette princip, der har vunder en vis udbredelse: En "Gå-til-toppen-af-siden"-funktion, der altid en synslig på siden. Jeg har lavet dette script om til et eksempel på dette på websiden Altid synlig pil op.

Resten af dokumentet er mumletekst

Lorem ipsum dolor

Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh rat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh rat volutpat.

Vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud. Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud.

Senest opdateret: 12. juli 2002

E-mail nyhedsbrev

Vælg normal præsentation

Vis siden som den ser ud i udskrift Send siden til udskrift.