Autor | Zpráva | ||
---|---|---|---|
SirDoxik Profil |
#1 · Zasláno: 17. 8. 2015, 13:42:03
Dobrý den, snažím se udělat posuvník který přejede podle toho, na které <li> ukážu. Toto jsem vyřešil ale nevím jak to zanimovat. Chtěl bych plynulí přechod ale nevím jak na to. Mám kód:
<ul> <li><a onmouseover="mover(1)">HOME</a></li> <li><a onmouseover="mover(2)">PROFILE</a></li> <li><a onmouseover="mover(3)">STUDIO</a></li> <li class="loginbutton" onmouseover="mover(4)"><a href="#">LOG IN</a></li> </ul> <div id="blueindicator"> </div> function mover(select) { var selection = select; if (selection==1) { var indicator = document.getElementById("blueindicator"); indicator.style.right = "485px"; } if (selection==2) { var indicator = document.getElementById("blueindicator"); indicator.style.right = "406px"; } if (selection==3) { var indicator = document.getElementById("blueindicator"); indicator.style.right = "320px"; lastposition = 3; } if (selection==4) { var indicator = document.getElementById("blueindicator"); indicator.style.right = "0px"; } } |
||
Keeehi Profil |
#2 · Zasláno: 17. 8. 2015, 16:00:50
Pro novější prohlížeče můžeš využít CSS transition.
Nebo si budeš muset napsat funkci, která to posune jen o pár pixelů a pomocí setInterval() ji budeš opakovaně spouštět, dokud se to neposune na správné místo.
|
||
SirDoxik Profil |
#3 · Zasláno: 17. 8. 2015, 16:48:43
Keeehi:
Díky, já to asi necham tak jak to mam. Vyladil jsem si to a nevypadá to tak hrozně. |
||
Časová prodleva: 10 let
|
0