差異處

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

--- playground:playground [2017/09/22 10:59]
admin
+++ playground:playground [2017/09/22 13:09]
admin
@@ 行 2: / 行 2: @@
 <WRAP shadow tip>test</WRAP>
-<!DOCTYPE html>
-<!DOCTYPE html>
 <html>
-<style>
+<body>
-#container {
+  <a href="http://caslab.ee.ncku.edu.tw/dokuwiki/research:technique" id ="animate"><b>七彩霓虹燈</b></a>
-  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 pos = 1;
-  var elem = document.getElementById("animate");
+  var id = setInterval(frame, 1000);
-  var pos = 0;
-  var id = setInterval(frame, 5);
   function frame() {
-    if (pos == 350) {
+    var elem = document.getElementById("animate");
-      clearInterval(id);
+    switch(pos){
-    } else {
+      case 0: elem.style.color = "RED";pos=1;break;
-      pos++;
+      case 1: elem.style.color = "ORANGE";pos=2;break;
-      elem.style.top = pos + 'px';
+      case 2: elem.style.color = "YELLOW";pos=3;break;
-      elem.style.left = pos + 'px';
+      case 3: elem.style.color = "GREEN";pos=4;break;
-    }
+      case 4: elem.style.color = "BLUE";pos=5;break;
+      case 5: elem.style.color = "Indigo";pos=6;break;
+      case 6: elem.style.color = "Violet";pos=0;break;
+      default:break;
+      }
   }
-}
 </script>
 </body>
 </html>
+<PHP>
+echo "php 不能用QQ";
+</PHP>

計算機架構與系統實驗室

使用者工具

網站工具

差異處

頁面工具