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

Opprett en konto eller logg inn for å kommentere

Du må være et medlem for å kunne skrive en kommentar

Opprett konto

Det er enkelt å melde seg inn for å starte en ny konto!

Start en konto

Logg inn

Har du allerede en konto? Logg inn her.

Logg inn nå
×
×
  • Opprett ny...