Mensen,
ik ben op zoek naar een simpel rollover script/code voor mijn menu die in een div staat. Het is "afbeelding1.gif" die bij mouseover vervangen wordt door "afbeelding2.gif" meer is het niet..
Iemand die me kan helpen?
Code:<div id="menu"> <a href="index.html"><img src="afbeeldingen/home.gif" class="menu" alt="home" border="0" /></a><br/> <a href="about_me.html"><img src="afbeeldingen/about_me.gif" class="menu" alt="about me" border="0" /></a><br/> <a href="gallery.html"><img src="afbeeldingen/gallery.gif" class="menu" alt="gallery" border="0" /></a><br/> <a href="contact.html"><img src="afbeeldingen/contact.gif" class="menu" alt="contact" border="0" /></a><br/> </div>
- Rollovers in Divs
-
22-06-2008, 13:09 #1
- Berichten
- 482
- Lid sinds
- 16 Jaar
Rollovers in Divs
-
In de schijnwerper
-
22-06-2008, 13:24 #2Particulier
- Berichten
- 1.669
- Lid sinds
- 18 Jaar
Even gegoogled;)
Code:<A HREF="somewhere.html" onmouseover="document.sub_but.src='movedown.gif'" onmouseout="document.sub_but.src='moveup.gif'"> <IMG SRC="moveup.gif" WIDTH="143" HEIGHT="39" BORDER="0" ALT="Move your mouse over me" NAME="sub_but"> </A>
-
22-06-2008, 13:28 #3
- Berichten
- 482
- Lid sinds
- 16 Jaar
kun je i.v.m de div. 1 voorbeeld maken met de code zoals hierboven? en waar moet ik hem precies plaatsen?
-
22-06-2008, 13:39 #4
- Berichten
- 482
- Lid sinds
- 16 Jaar
de eerste lukt echter, maar als ik meerdere op deze manier doe geeft hij geen een meer weer..
-
22-06-2008, 13:45 #5Particulier
- Berichten
- 1.669
- Lid sinds
- 18 Jaar
Code:<A HREF="somewhere.html" onmouseover="document.sub_but.src='movedown.gif'" onmouseout="document.sub_but.src='moveup.gif'"> <IMG SRC="moveup.gif" WIDTH="143" HEIGHT="39" BORDER="0" ALT="Move your mouse over me" NAME="sub_but">
</A>
-
22-06-2008, 13:46 #6
- Berichten
- 482
- Lid sinds
- 16 Jaar
ah ok.. zal eens proberen
-
22-06-2008, 13:48 #7
- Berichten
- 482
- Lid sinds
- 16 Jaar
heerlijk.. hij werkt!
-
22-06-2008, 20:34 #8
- Berichten
- 194
- Lid sinds
- 16 Jaar
Dit is wel niet echt netjes.. probeer eens:
a {
display: block;
width: xpx;
height: 20px;
background: image.gif 0px 0px;
}
a:hover {
background-position:0px -20px;
}
het plaatje bevat dus allebei de states. De hover zit er gewoon onder, dus hoef je maar 1x te laden, en zonder JS!
-
22-06-2008, 20:51 #9Particulier
- Berichten
- 1.669
- Lid sinds
- 18 Jaar
Heerlijk old school inderdaad.
CSS zijn inderdaad betere oplossingen.
-
23-06-2008, 13:04 #10
- Berichten
- 482
- Lid sinds
- 16 Jaar
bedankt beide.. hij is iig werkend nu :D
-
23-06-2008, 15:48 #11Particulier
- Berichten
- 171
- Lid sinds
- 17 Jaar
Origineel gepost door Emile NijssenDit is wel niet echt netjes.. probeer eens:
a {
display: block;
width: xpx;
height: 20px;
background: image.gif 0px 0px;
}
a:hover {
background-position:0px -20px;
}
het plaatje bevat dus allebei de states. De hover zit er gewoon onder, dus hoef je maar 1x te laden, en zonder JS!
illusiv.nl
-
23-06-2008, 15:53 #12
- Berichten
- 416
- Lid sinds
- 15 Jaar
Maar zo is het wel w3c Valid ;)
-
23-06-2008, 16:01 #13
- Berichten
- 194
- Lid sinds
- 16 Jaar
Origineel gepost door IllusivDan zou hij in zijn geval elke button een class moeten geven.
illusiv.nl
-
24-06-2008, 10:49 #14
- Berichten
- 482
- Lid sinds
- 16 Jaar
heb de rollovers inderdaad in css gezet..
Plaats een
- + Advertentie
- + Onderwerp
Marktplaats
Webmasterforum
- Websites algemeen
- Sitechecks
- Marketing
- Domeinen algemeen
- Waardebepaling
- CMS
- Wordpress
- Joomla
- Magento
- Google algemeen
- SEO
- Analytics
- Adsense
- Adwords
- HTML / XHTML
- CSS
- Programmeren
- PHP
- Javascript
- JQuery
- MySQL
- Ondernemen algemeen
- Belastingen
- Juridisch
- Grafisch ontwerp
- Hosting Algemeen
- Hardware Info
- Offtopic