| 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: 9 let
|
|||
0