代码如下&＃xff1a;
<html><head><meta charset&＃61;"UTF-8"><title>js-点击循环变色事件title><style>#box {width: 200px;height: 200px;background-color: pink;cursor: pointer;//小手}style>head><body><div id&＃61;"box">div><script>var oBox&＃61;document.getElementById("box");
var count &＃61; 0; oBox.onclick&＃61;function(){count&＃43;&＃43;;switch(count%3){case 0:oBox.style.background&＃61;"pink";break;case 1:oBox.style.background&＃61;"green";break;case 2:oBox.style.background&＃61;"red";}}script>body>
html>
注意&＃xff1a;实现其中的一个方法的时候&＃xff0c;要把另外一个方法注释掉。
运行结果截图&＃xff1a;
未点击时&＃xff1a;
第一次点击&＃xff1a;
第二次点击&＃xff1a;
第三次点击&＃xff1a;
将就着看&＃xff0c;自己懒得弄gif动图显示效果了
》》》如若有错&＃xff0c;欢迎指出&＃xff0c;谢谢&＃xff01;&＃xff01;&＃xff01;
京公网安备 11010802041100号