+- TandemTables Forum (http://tandemtables.com/forum)
+-- Forum: Tandem Trends (/forumdisplay.php?fid=1)
+--- Forum: Code (/forumdisplay.php?fid=3)
+--- Thread: Tango Dance Club (/showthread.php?tid=19648)
Tango Dance Club - The Professor - 06-24-2021 04:28 PM
http://d21c.com/leprofesseur/tango-club.html
This is the script to move bottom right dancer
function movet8(){
var step=-1;
var x=document.getElementById('tango8').offsetLeft;
var y=document.getElementById('tango8').offsetTop;
if(y > 406 )
{y= y +step;x=x -1;
document.getElementById('tango8').style.left= x + "px";
document.getElementById('tango8').style.top= y + "px";
setTimeout('movet8()',50);}
else { setTimeout("movet5()",1000);}
}
Y sets the vertical destination x is incremented for horizontal destination
minus value is up or left and plus value is down or right
This is the css code that varies each element opacity
.delay {
animation-name: wait;
animation-delay: 0s;
animation-duration: 20s;
animation-iteration-count: 1;
}
@keyframes wait{0%{opacity:0.2}100%{opacity:1}}
each element is assigned its own class eg(.delay-element id)
with hte appropriate delay/duration and iteration
RE: Tango Dance Club - Linda - 06-28-2021 04:28 PM
Looks complicated. Nice work.