Gå til innhold

skifte bakgrunnsfarge ved mouse hoover?


Anbefalte innlegg

hei, enkelt lite spørsmål her..

 

mange menyer der ute på det store vide web har den effekten at bakgrunnen skifter farge når du holder pila over teksten.

 

lurte bare på hvordan man lager denne effekten? må man bruke stylesheet eller va det nå heter, ikke så dreven på akkurat den delen.. :)

(bruker forresten dreamweaver.)

 

 

eksempel på sånn meny: link (menyen til venstre)

 

takker og bukker.

Lenke til kommentar
Videoannonse
Annonse

Det er enklest med css ja. :)

 

CSS;

#menu {
 list-style: none;
 font-size: .7em;
}

#menu li {
 display: inline;
}

#menu li a {
 display: block;
 padding: 1px 3px;
 background: #ccc;
 border: 1px solid #000;
}

#menu li a:hover {
 background: #eee;
}

 

HTML:

<ul id="menu">
 <li><a href="#">Menyvalg01</a></li>
 <li><a href="#">Menyvalg02</a></li>
 <li><a href="#">Menyvalg03</a></li>
 <li><a href="#">Menyvalg04</a></li>
 <li><a href="#">Menyvalg05</a></li>
</ul>

 

Det som skjer, er ganske enkelt at bakgrunnsfargen definert i background, skifter når a-elementet er i :hover-tilstand.

Lenke til kommentar

Bli med i samtalen

Du kan publisere innhold nå og registrere deg senere. Hvis du har en konto, logg inn nå for å poste med kontoen din.

Gjest
Skriv svar til emnet...

×   Du har limt inn tekst med formatering.   Lim inn uten formatering i stedet

  Du kan kun bruke opp til 75 smilefjes.

×   Lenken din har blitt bygget inn på siden automatisk.   Vis som en ordinær lenke i stedet

×   Tidligere tekst har blitt gjenopprettet.   Tøm tekstverktøy

×   Du kan ikke lime inn bilder direkte. Last opp eller legg inn bilder fra URL.

Laster...
  • Hvem er aktive   0 medlemmer

    • Ingen innloggede medlemmer aktive
×
×
  • Opprett ny...