| 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