Just nu i M3-nätverket
Gå till innehåll
IvanB

Enkel pop-up meny

Rekommendera Poster

IvanB

Jag har en lodrätt navigationsmeny och jag vill visa utbudet av undermenyer, så jag vill att när musen sveper över menyn, ska bli synlig, vad man hittar under de enskilda knapparna. Jag vill inte att de ska kunna klicka på dessa, det ska bara "spöka" inte ens i direkt anslutning till navigationsmenyn, utan lite längre bort. Man får klicka först på respektive knapp för att få tillgång till dessa undermenyer.

Jag vet, att det finns massor av lösningar till detta, men jag undrar, vilken är den enklaste. Helst ren css, inte javascript.

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
Jonas__B

Jag har en lodrätt navigationsmeny och jag vill visa utbudet av undermenyer, så jag vill att när musen sveper över menyn, ska bli synlig, vad man hittar under de enskilda knapparna. Jag vill inte att de ska kunna klicka på dessa, det ska bara "spöka" inte ens i direkt anslutning till navigationsmenyn, utan lite längre bort. Man får klicka först på respektive knapp för att få tillgång till dessa undermenyer.

Jag vet, att det finns massor av lösningar till detta, men jag undrar, vilken är den enklaste. Helst ren css, inte javascript.

 

Tänk på att utan javascript så kan det inte fada fram snyggt, utan det kommer bara ploppa upp. Det går dessutom inte att på ett enkelt sätt få det att fungera i IE utan javascript då pseudoselektorn :hover inte stöds på annat än på länkar.

 

Här är dock ett exempel som tydligen fungerar i IE och utan js

http://www.cssplay.co.uk/menus/flyoutt.html

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser
IvanB

Tack Jonas, det var inte så enkel heller... :rolleyes: Då ändrar jag min fråga: har du en enkel javascript för detta ändamål?

Dela detta inlägg


Länk till inlägg
Dela på andra webbplatser

Skapa ett konto eller logga in för att kommentera

Du måste vara medlem för att kunna kommentera

Skapa ett konto

Skapa ett nytt konto på vårt forum. Det är lätt!

Registrera ett nytt konto

Logga in

Redan medlem? Logga in här.

Logga in nu



×
×
  • Skapa nytt...