"show"是我们定义的一个div块
<body>
<div id="show" style="width:400px; height:120px;
background-color:red;">
</div>
<a href="#" onclick="change();" >改变颜色</a>
<script type="text/javascript">
var change =function(){ //change是变量名
var div = document.getElementById("show");
div.style.backgroundColor=div.style.backgroundColor=='red'?
'green':(div.style.backgroundColor=='green'?'blue':'red');
}
</script>
</body>
利用三目运算符让它三个颜色无缝切换
效果如下
未点击时
↓↓↓↓↓↓↓↓
点一下
再来一下
OK