Jump to content
Sign in to follow this  
phax

skifte bakgrunnsfarge ved mouse hoover?

Recommended Posts

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.

Share this post


Link to post

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.

Share this post


Link to post

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...