代碼如下
1.html代碼
<div id="head">
<div id="one"></div>
</div>
2.css代碼
*{
padding: 0px;
margin:0px;
}
#head{
position:relative;
width: 200px;
height: 200px;
}
#one{
width: 200px;
height: 200px;
background-color: red;
}
#two{
width: 200px;
height: 200px;
background-color: green;;
}
3.js代碼
var head =document.getElementById('head');
var one =document.getElementById('one');
var two =document.getElementById('two');
var i=0;
one.onclick =function(){
if (i==0) {
one.style.background="green"
i=1;
}else{
one.style.background="red"
i=0;
}
}
遠(yuǎn)近互聯(lián)技術(shù)小向整理發(fā)布，希望能對同是技術(shù)的你有所幫助。
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營的品牌整合營銷服務(wù)，讓客戶通過網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績。
