Menu effect - volgt muis
Momenteel heb ik een menu, daaronder heb ik een pijltje en de bedoeling is dat het pijltje je muis volgt als je over de navigatie gaat.
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?
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
Hoe is je menu opgebouwd?
Is er een online voorbeeld van wat je nu hebt?
Is er een online voorbeeld van wat je nu hebt?
Gewijzigd op 27/03/2013 15:30:51 door Joni Fleischer
Op .. http://jsbin.com/uqehut/1 mijn menu.
Op .. http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers/ .. Onderaan staat het voorbeeld dat ik graag zou willen bekomen.
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
Nou, op die link die je geeft staat toch een hele uitleg hoe je jQuery lavalamp kunt gebruiken op je website?
Heej Wouter.
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
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
Oh, geweldig Jack, het is gelukt!
Enige probleem.. Mijn links werken nu niet meer :p
Enige probleem.. Mijn links werken nu niet meer :p
hoe heb je het nu staan dan? post even html code
Gewoon de dummy-links aangepast...
http://users.skynet.be/fb089598/pijltje/index.html
http://users.skynet.be/fb089598/pijltje/index.html
in je javascriptje:
false vervangen door true
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
Werkt nu wel (y)
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.
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.
Dan geef je de list een current classe mee
In bovenstaande staat pijltje onder "Plant a tree"; en dat is a.html in mijn voorbeeld
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




