Mouseovereffekt in Navi

[fishk0ppl]

Moin,
hab mal wieder eine Frage:
würde gerne einen Mouseovereffekt auf einer vertikalen Navi erzeugen, welcher bewirkt, dass die Schrift ein wenig zur Seite slidet. Beispiel wie im folgendem Link: http://www.stefanoferruggiara.com/

gehe mal stark davon aus, dass das Skriptsache ist, wenn nicht sogar Flash?

Vielen Dank schonmal,

fish

 

[exo]

AW: Mouseovereffekt in Navi

Laut Quelltext schauts ganz nach jQuery aus, ist eigentlich auch ganz einfach per animate und mouseover.

http://api.jquery.com/animate/

und

http://api.jquery.com/mouseover/ bzw. http://api.jquery.com/mouseenter/

 

[fishk0ppl]

AW: Mouseovereffekt in Navi

ok danke schonmal,
bin aber noch der total anfänger in sachen skripten - von daher werd ich wohl darauf verzichten müssen, passt nicht mehr in meinen zeitplan mich noch so intensiv mit jquery auseinanderzusetzten.

 

[simonpicos]

AW: Mouseovereffekt in Navi

Wenn du noch wenig Ahnung von js/jquery hast: Wie siehts mit CSS aus? Mit CSS3 transitions ließe sich das auch ganz einfach lösen. Ein Fallback für alte Browser kann man immer noch einrichrten

Das ganze würde dann in etwa so aussehen:

<ul>
    <li>Link1</li>
     <li>Link1</li>
     <li>Link1</li>
     <li>Link1</li>
</ul>

style:

li{
   margin-left: 0px;
   -moz-transition: margin-left 0.5s;
   -webkit-transition: margin-left 0.5s;
   -o-transition: margin-left 0.5s;
   transition: margin-left 0.5s;
}

li:hover{
   margin-left: 15px;
}

 

[fishk0ppl]

AW: Mouseovereffekt in Navi

wunderbar, funktioniert perfekt - dank dir!

 

[Zampano_]

AW: Mouseovereffekt in Navi

@simonpicos
Eigentlich ne nette Sache, aber was machst du wenn der gehoverte Bereich unter der Maus rausfließt?
Sprich wenn man den ganz links hovert?