login  Naam:   Wachtwoord: 
Registreer je!
 Forum

Mouse-over effect

Offline Sirax - 10/08/2009 12:29
Avatar van SiraxNieuw lid Hey all,

Ik zou graag wat willen aanpassen op mijn website.
Momenteel heb ik dit menu:
http://www.sloten-dhont.be/temp/producten.html

Maar ik zou graag hebben dat die submenu's zoals bv onder INBRAAKBEVEILIGING pas tevoorschijn komen als je met de muis erover gaat.
Is daar een mogelijkheid voor en hoe kan ik die krijgen zodat die mooi uitkomt met de layout?

Mvg,

6 antwoorden

Gesponsorde links
Offline Martijn - 10/08/2009 12:46
Avatar van Martijn Crew PHP dan zet je alle onderdelen onder INBRAAKBEVEILIGING in een div, die je bv menu1 noemt, en dan zet je bij INBRAAKBEVEILING een onclick="change(menu1)" die dit doet:

  1. function change(id){
  2. if(document.getElementById(id).style.visibility=="hidden"){
  3. document.getElementById(id).style.visibility="visible";
  4. document.getElementById(id).style.display="block";
  5. }//--einde visible
  6. else{
  7. document.getElementById(id).style.visibility="hidden";
  8. document.getElementById(id).style.display="none";
  9. }//--einde hidden
  10. }

Offline Sirax - 10/08/2009 12:57 (laatste wijziging 11/08/2009 07:24)
Avatar van Sirax Nieuw lid Dus ik zet in mijn style.css dit bij om de div te maken?

#inbraakbeveiliging {

en wat moet daar nog bij inkomen dan?

en dan in mijn .html heb ik dit staan:
<div class="left-middle"><!--LEFT CONTENT BOX MIDDLE-->
<ul>
<p><b>INBRAAKBEVEILIGING</b></p>
<p> <a href="http://www.sloten-dhont.be/temp/veiligheidscilinders.html">Veiligheidscilinders</a></p>
<p> <a href="http://www.sloten-dhont.be/temp/veiligheidssloten.html">Veiligheidssloten</a></p>
<p> <a href="http://www.sloten-dhont.be/temp/veiligheidsbeslag.html">Veiligheidsbeslag</a></p>
<p> <a href="http://www.sloten-dhont.be/temp/raambeveiliging.html">Raambeveiliging</a></p>
<p> <a href="http://www.sloten-dhont.be/temp/scharnierbeveiliging.html">Scharnierbeveiliging</a></p>
<p> <a href="http://www.sloten-dhont.be/temp/mazoutstop.html">Mazoutstop</a></p>
<p> <a href="http://www.sloten-dhont.be/temp/sluitplan.html">Sluitplan</a></p>

Waar moet ik dan die onclick="change(menu1) invoegen en die functie:

1.function change(id){2.if(document.getElementById(id).style.visibility=="hidden"){3. document.getElementById(id).style.visibility="visible";4. document.getElementById(id).style.display="block";5. }//--einde visible6. else{7. document.getElementById(id).style.visibility="hidden";8. document.getElementById(id).style.display="none";9. }//--einde hidden10. }

Mvg,
Offline Martijn - 11/08/2009 11:16
Avatar van Martijn Crew PHP in je head, zoals je javascript neerzet. Een div eromheen zetten kun je zlef wel als je even nadenkt, en een onclick maak je zo

  1. <a href="#" onclick="change('menu1');return false;">tekst</a>
Offline Sirax - 11/08/2009 12:35
Avatar van Sirax Nieuw lid Dus deze script:

Plaatscode: 137345

Komt dan in een apart .js bestand? en dan die linken op de .html pagina met <script ....... </script>

en dit komt dan zo:

Plaatscode: 137346

Of moet ik in die onclick code de submenu's ingeven ipv inbraakbeveiliging?
Offline Martijn - 11/08/2009 12:41
Avatar van Martijn Crew PHP beide correct. Je javascript staat nu een beetje slordig, meerdere regels code op 1 regel, probeer het aan te houden zoals ik je gaf leest vele malen lekkerder
Offline Sirax - 11/08/2009 12:55 (laatste wijziging 11/08/2009 12:56)
Avatar van Sirax Nieuw lid Ok  
Maar waar plaats ik dan het hoofdmenu "INBRAAKBEVEILIGING" in de code en waar dan alle submenu die moeten verschijnen?

<a href="#" onclick="change('inbraakbeveiliging');return false;">INBRAAKBEVEILIGING</a>

Dit wordt dan mijn hoofdmenu? Waar plaats ik dan de submenu's die moeten verschijnen?
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2020 Sitemasters.be - Regels - Laadtijd: 0.171s