Menu effect - volgt muis
Een beetje zoals onderstaande website, maar de bedoeling is dat het "mee schuift" en niet blokje per blokje weergeeft.
Greencircleshoppingcenter.com
Wie kan me hiermee helpen? Hoe kan ik dit opzoeken?
Gewijzigd op 27/03/2013 15:20:34 door Zie Foto
Is er een online voorbeeld van wat je nu hebt?
Gewijzigd op 27/03/2013 15:30:51 door Joni Fleischer
Op .. http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ .. Onderaan staat het voorbeeld dat ik graag zou willen bekomen.
Gewijzigd op 27/03/2013 15:48:42 door Zie Foto
Ja onderaan staat een ZIP mapje.. Ga het straks even bekijken
Toevoeging op 27/03/2013 16:56:24:
Hmm.. Met een lijntje lukt het maar met mijn driehoekje niet :(
Toevoeging op 27/03/2013 18:06:06:
Zoals op deze website
http://www.spiralsgym.com.previewdns.com/
Dit zou ik graag willen maken
Enige probleem.. Mijn links werken nu niet meer :p
Code (php)
1
2
3
4
5
6
7
8
9
2
3
4
5
6
7
8
9
$(function() {
$("#1").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
$("#1").lavaLamp({
fx: "backout",
speed: 700,
click: function(event, menuItem) {
return false;
}
});
});
false vervangen door true
Gewijzigd op 28/03/2013 19:27:34 door Jack Maessen
Misschien nog een klein schoonheidsfoutje.
Als je naar "pagina 1" ofzo gaat springt het pijltje terug bij "Home"..
Zou natuurlijk mooier zijn moest het pijltje staan, op welke pagina je nu zit, als je er natuurlijk niet over beweegt.
Code (php)
1
2
3
4
5
6
2
3
4
5
6
<ul class="lavaLampWithImage" id="1">
<li><a href="#">Home</a></li>
<li class="current"><a href="a.html">Plant a tree</a></li>
<li><a href="b.html">Travel</a></li>
<li><a href="c.html">Ride an elephant</a></li>
</ul>
<li><a href="#">Home</a></li>
<li class="current"><a href="a.html">Plant a tree</a></li>
<li><a href="b.html">Travel</a></li>
<li><a href="c.html">Ride an elephant</a></li>
</ul>
In bovenstaande staat pijltje onder "Plant a tree"; en dat is a.html in mijn voorbeeld