基礎動畫的形成

這是動畫的形成的基本語法。

請你按一下下列的 DIV，那麼寬度就會慢慢的變化，直到720px的界限！

click here !!

按我恢復原狀


語法：

<div onclick = "move()" id="mo0417" style="width: fit-content; border: 1px solid gray; padding: 1em;"><span>click here !!</span></div>
<br>
<br>
 



<script>

function move() {
var divw = document.getElementById("mo0417");
var id = setInterval (frame, 1);
var width = divw.firstChild.offsetWidth;
 function frame() {
if (width >= 720) { 
   clearInterval (id);
   }
else {
width = width+3;
divw.style.width = width+"px";
}
 }
}

</script>