day-6.5 switch点击修改颜色案例（5种）

使用一个数字变量作为控制开关，当变量为什么数值时，做什么样的颜色变换。

 1 <script>
 2             var oWrap = document.getElementById("wrap");
 3             oWrap.setColor=0;
 4             oWrap.onclick = function () {
 5                 oWrap.setColor++;
 6                 var a = oWrap.setColor;
 7                 switch(a){
 8                     case 0 :
 9                         oWrap.className = "red";
10                         break;
11                     case 1 :
12                         oWrap.className = "pink";
13                         break;
14                     case 2 :
15                         oWrap.className = "yellow";
16                         break;
17                     case 3 :
18                         oWrap.className = "blue";
19                         break;
20                     case 4 :
21                         oWrap.className = "green";
22                         oWrap.setColor = -1;
23                         break;
24                 }
25             };
26  </script>

 

posted @ 2018-06-01 23:33  bibiguo  阅读(468)  评论(0)    收藏  举报