Avatar billede getalife Nybegynder
14. juli 2002 - 21:59 Der er 7 kommentarer og
1 løsning

Skift bgcolor ved mouseover

Hejsa

Nogen der kan hjælpe mig med et script til at skifte bgcolor ved mouseover?

/getalife
Avatar billede getalife Nybegynder
14. juli 2002 - 22:00 #1
Uhm.. og det var bgcolor i en TD
Avatar billede cdc Novice
14. juli 2002 - 22:02 #2
hvis det er i en td behøver du kun at bruge css.
Avatar billede cdc Novice
14. juli 2002 - 22:03 #3
<html>

<head>

<title></title>
<style type="text/css">
<!--
a.menu {
background : #dddddd;
display:block;
width:100%;
}

a.menu:hover {
background : #999999
display:block;
width:100%;
}
-->
</style>

</head>

<body>
<table width=130 cellspacing="0" cellpadding="0" border="1" bordercolorlight="#000000" bordercolordark="#FFFFFF">
<tr><td>
    <p align="center"><a href="#" class=menu>Menupunkt 1</a></p>
  </td></tr>
<tr><td>
    <p align="center"><a href="#" class=menu>Menupunkt 2</a></p>
  </td></tr>
<tr><td>
    <p align="center"><a href="#" class=menu>Menupunkt 3</a></p>
  </td></tr>
</table>
</body>

</html>
Avatar billede cdc Novice
14. juli 2002 - 22:03 #4
svarer lige også
Avatar billede knudgert Nybegynder
14. juli 2002 - 22:18 #5
Det forudsætter, at der er link i cellen, vil man også kunne det uden link og den måde, jeg foretrækker at gøre det på.

<td style="background-color: green; width: 150px; height: 50px"
    onMouseOver = "this.style.backgroundColor='red';"
    onMouseOut = "this.style.backgroundColor='green';">
<a class="blok" href="http://www.jubii.dk">Jubii</a>
</td>

Og her behøver ikke ære link i cellen.
Se evt. http://home13.inet.tele.dk/smedpark/webhjaelp/tabel/tabelbaggrund1.htm
Avatar billede Slettet bruger
14. juli 2002 - 22:31 #6
Du kan også få baggrundsfarven til at fade, hvis det er noget.
Avatar billede getalife Nybegynder
14. juli 2002 - 22:32 #7
Knudgert, lige det jeg stod og manglede, tak :o)
Avatar billede armhul1 Nybegynder
14. juli 2002 - 22:35 #8
indsæt denne i head sektionen:



<style type="text/css">
A  {        font-weight : bold;    color : FARVE;    text-decoration : none;}
A:Active  {    color : FARVE1;    text-decoration : none;}
A:Hover  {    color : FARVE2;    text-decoration : none;}
</style>
</style>

text-decoration er hvis du skal ha f.eks. understregning (underline)
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester