Autor Zpráva
SirDoxik
Profil
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
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
Keeehi:
Díky, já to asi necham tak jak to mam. Vyladil jsem si to a nevypadá to tak hrozně.

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: