Autor Zpráva
atbobcz
Profil
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
Živá ukázka
atbobcz
Profil
Díkes

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

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

0