mouse over plaatje

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Stefan Koenen

Stefan Koenen

14/04/2009 10:10:00
Quote Anchor link
hey ik heb dit stukie code:

<tr><td class="menuLink" background="images/bgcolor.png">&nbsp;&nbsp;&nbsp;&nbsp;<a href="hq.php" target="main" class="menu"> &nbsp;&nbsp;&nbsp;&nbsp;Hoofdkwartier</a></td>
</tr>

maar nu is het probleem dat ik niet weet hoe ik kan maken dat als ik er met mijn muis over heen ga dat de achtergrond dan veranderd in een ander plaatje, weet iemand dit?
 
PHP hulp

PHP hulp

29/11/2024 20:50:14
 
Dennis Mertens

Dennis Mertens

14/04/2009 10:26:00
Quote Anchor link
Even googlen met de woorden: javascript mouse over change class.
Want uiteindelijk wil je een nieuwe class gebruiken.

Results

Good luck ;)
 
Mitchell

Mitchell

14/04/2009 11:04:00
Quote Anchor link
Gebruik gewoon CSS hiervoor, weet je ook in ieder geval zeker dat het werkt wanneer js uit staat. :)
 
Ruben php

ruben php

15/04/2009 21:08:00
Quote Anchor link
gebruik idd CSS
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
.menuLink:hover
{
      // je background codes
}

met javascript zul je dingen moeten toevoegen aan de html code in de TD
die dan weer een een functie kan oproepen in javascript
daarin kun je dan weer iets typen in de richting van

this.background = .........
 
Mitchell

Mitchell

15/04/2009 21:33:00
Quote Anchor link
@ Ruben: Die code die je laat zien werkt niet in oudere IE versies, daar werkt hover alleen op anchor tags. En aangezien hij een anchor gebruikt, moet hij daar gewoon zijn background op plaatsen.

Zoals ik al eerde zei, javascript word af en toe uitgezet dus baseer zoveel mogelijk altijd eerst op css.
 
4FalconAF

4FalconAF

15/04/2009 23:12:00
Quote Anchor link
Dit werkt in ieder geval wel:

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
.menuLink a {
width: 200px;
height: 200px;
float:left; //maakt het een block element
padding:0;
background:url(...);
}

.menuLink a:hover {
background:url(...);
}
 
Ruben php

ruben php

16/04/2009 11:45:00
Quote Anchor link
KUT IE :D
 
Dennis Mertens

Dennis Mertens

16/04/2009 11:47:00
Quote Anchor link
Het is heel simpel op te lossen met JavaScript, als je het in IE wilt laten werken...

Alternatieven zat, je doet er alleen iets langer over.
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.