差異處

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

--- playground:playground [2017/09/22 10:59]
admin
+++ playground:playground [2018/03/07 03:11]
admin
@@ 行 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>
+  <a href="http://caslab.ee.ncku.edu.tw/dokuwiki/research:technique" id ="animate"><b>七彩霓虹燈</b></a>
-<p>
-<button onclick="myMove()">Click Me</button>
-</p>
-<div id ="container">
-<div id ="animate"></div>
-</div>
 <script>
-function myMove() {
+  var upbd = 255;
-  var elem = document.getElementById("animate");
+  var lwbd = 0;
-  var pos = 0;
+  var r=lwbd;
-  var id = setInterval(frame, 5);
+  var g=115;
+  var b=upbd;
+  var rd=0;
+  var gd=-1;
+  var bd=0;
+  var id = setInterval(frame, 1);
   function frame() {
-    if (pos == 350) {
+    var elem = document.getElementById("animate");
-      clearInterval(id);
-    } else {
+      elem.style.color = "rgb("+r+","+g+","+b+")";
-      pos++;
-      elem.style.top = pos + 'px';
-      elem.style.left = pos + 'px';
+      r=r+rd;
-    }
+      g=g+gd;
+      b=b+bd;
+      if(r==upbd&&rd==1){
+        rd=0;
+        if(g==upbd){
+          gd=-1;
+        }else if(b==upbd){
+          bd=-1;
+        }
+      }
+      else if(r==lwbd&&rd==-1){
+        rd=0;
+        if(g==lwbd){
+          gd=1;
+        }else if(b==lwbd){
+          bd=1;
+        }
+      }
+      else if(g==upbd&&gd==1){
+        gd=0;
+        if(r==upbd){
+          rd=-1;
+        }else if(b==upbd){
+          bd=-1;
+        }
+      }
+       else if(g==lwbd&&gd==-1){
+        gd=0;
+        if(r==lwbd){
+          rd=1;
+        }else if(b==lwbd){
+          bd=1;
+        }
+      }
+       else if(b==upbd&&bd==1){
+        bd=0;
+        if(g==upbd){
+          gd=-1;
+        }else if(r==upbd){
+          rd=-1;
+        }
+      }
+      else if(b==lwbd&&bd==-1){
+        bd=0;
+        if(g==lwbd){
+          gd=1;
+        }else if(r==lwbd){
+          rd=1;
+        }
+     }
   }
-}
+</script>
-</script>
 </body>
 </html>
+<PHP>
+echo "php 不能用QQ";
+</PHP>

計算機架構與系統實驗室

使用者工具

網站工具

差異處

頁面工具