這裏顯示兩個版本的差異處。
Both sides previous revision 前次修改 下次修改 | 前次修改 下次修改 Both sides next revision | ||
playground:playground [2017/09/22 10:59] admin |
playground:playground [2017/09/22 15:08] admin |
||
---|---|---|---|
行 1: | 行 1: | ||
{{indexmenu>:# | {{indexmenu>:# | ||
- | <WRAP shadow tip> | ||
- | < | ||
- | < | ||
< | < | ||
- | < | ||
- | #container { | ||
- | width: 400px; | ||
- | height: 400px; | ||
- | position: relative; | ||
- | background: yellow; | ||
- | } | ||
- | #animate { | ||
- | width: 50px; | ||
- | height: 50px; | ||
- | position: absolute; | ||
- | background-color: | ||
- | } | ||
- | </ | ||
< | < | ||
- | + | | |
- | <p> | + | |
- | <button onclick="myMove()"> | + | |
- | </p> | + | |
- | + | ||
- | < | + | |
- | <div id =" | + | |
- | </div> | + | |
< | < | ||
- | function myMove() { | + | var upbd = 255; |
- | var elem = document.getElementById(" | + | var lwbd = 0; |
- | var pos = 0; | + | var r=lwbd; |
- | var id = setInterval(frame, | + | var g=115; |
+ | var b=upbd; | ||
+ | var rd=0; | ||
+ | var gd=-1; | ||
+ | var bd=0; | ||
+ | var id = setInterval(frame, | ||
function frame() { | function frame() { | ||
- | if (pos == 350) { | + | |
- | | + | |
- | } else { | + | elem.style.color = " |
- | | + | |
- | | + | |
- | | + | r=r+rd; |
- | } | + | g=g+gd; |
+ | b=b+bd; | ||
+ | |||
+ | | ||
+ | rd=0; | ||
+ | if(g==upbd){ | ||
+ | gd=-1; | ||
+ | }else if(b==upbd){ | ||
+ | bd=-1; | ||
+ | } | ||
+ | | ||
+ | else if(r==lwbd&& | ||
+ | rd=0; | ||
+ | | ||
+ | gd=1; | ||
+ | | ||
+ | bd=1; | ||
+ | } | ||
+ | | ||
+ | else if(g==upbd&& | ||
+ | gd=0; | ||
+ | if(r==upbd){ | ||
+ | rd=-1; | ||
+ | }else if(b==upbd){ | ||
+ | bd=-1; | ||
+ | } | ||
+ | | ||
+ | else if(g==lwbd&& | ||
+ | gd=0; | ||
+ | if(r==lwbd){ | ||
+ | rd=1; | ||
+ | |||
+ | }else if(b==lwbd){ | ||
+ | bd=1; | ||
+ | } | ||
+ | | ||
+ | else if(b==upbd&& | ||
+ | bd=0; | ||
+ | | ||
+ | gd=-1; | ||
+ | | ||
+ | rd=-1; | ||
+ | } | ||
+ | } | ||
+ | else if(b==lwbd&& | ||
+ | bd=0; | ||
+ | if(g==lwbd){ | ||
+ | gd=1; | ||
+ | }else if(r==lwbd){ | ||
+ | rd=1; | ||
+ | } | ||
+ | } | ||
+ | |||
} | } | ||
- | } | + | </ |
- | </ | + | |
</ | </ | ||
</ | </ | ||
- | + | <PHP> | |
+ | echo "php 不能用QQ"; | ||
+ | </ |