Autor | Zpráva | ||
---|---|---|---|
atbobcz Profil |
#1 · Zasláno: 2. 8. 2016, 00:49:57
Dobrý den, pomohl by mi někdo tohle trochu pochopit. Potřeboval bych tam vepsat ještě pohyb pro druhý element a nevim si stím rady. V idealním případě dopsat druhý element a nejake poznámky at trochu poberu která bije.
<script type='text/javascript'>//<![CDATA[ window.onload=function(){ function linearEase(start, end, percent) { return start + ((end - start) * percent); } function animateTo(settings) { var elem = settings.element; var ease = settings.ease; var start = { left: elem.offsetLeft, top: elem.offsetTop }; var lastTime = new Date().getTime(); var timeLeft = settings.totalTime; function update() { var currentTime = new Date().getTime(); var elapsed = currentTime - lastTime; timeLeft -= elapsed; lastTime = currentTime; var percentDone = 1 - timeLeft/settings.totalTime; elem.style.top = ease(start.top, settings.top, percentDone) + "px" ; elem.style.left = ease(start.left, settings.left, percentDone) + "px" ; if(timeLeft > 0) { setTimeout(update, 33); } } update(); } var elem = document.getElementById("animatable"); setTimeout(function() { animateTo({ element: elem, left: -50, top: 80, totalTime: 2000, ease: linearEase }) }, 1000); }//]]> </script> |
||
weroro Profil |
#2 · Zasláno: 2. 8. 2016, 10:22:16
|
||
atbobcz Profil |
#3 · Zasláno: 2. 8. 2016, 13:25:28
Díkes
|
||
Časová prodleva: 8 let
|
0