差異處

這裏顯示兩個版本的差異處。

--- playground:playground [2017/09/22 10:59]
admin
+++ playground:playground [2018/05/03 06:39]
@@ 行 1: / 行 1: @@
-{{indexmenu>:#1 :research#1 :member#1}}
-<WRAP shadow tip>test</WRAP>
-<!DOCTYPE html>
-<!DOCTYPE html>
-<html>
-<style>
-#container {
-  width: 400px;
-  height: 400px;
-  position: relative;
-  background: yellow;
-}
-#animate {
-  width: 50px;
-  height: 50px;
-  position: absolute;
-  background-color: red;
-}
-</style>
-<body>
-<p>
-<button onclick="myMove()">Click Me</button>
-</p>
-<div id ="container">
-<div id ="animate"></div>
-</div>
-<script>
-function myMove() {
-  var elem = document.getElementById("animate");
-  var pos = 0;
-  var id = setInterval(frame, 5);
-  function frame() {
-    if (pos == 350) {
-      clearInterval(id);
-    } else {
-      pos++;
-      elem.style.top = pos + 'px';
-      elem.style.left = pos + 'px';
-    }
-  }
-}
-</script>
-</body>
-</html>

計算機架構與系統實驗室