代碼如下
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ā)布，希望能對(duì)同是技術(shù)的你有所幫助。
遠(yuǎn)近互聯(lián)專業(yè)提供網(wǎng)站建設(shè)、APP開(kāi)發(fā)、網(wǎng)站優(yōu)化、外貿(mào)網(wǎng)站SEO、微信運(yùn)營(yíng)的品牌整合營(yíng)銷服務(wù)，讓客戶通過(guò)網(wǎng)絡(luò)品牌建立與網(wǎng)絡(luò)傳播提高業(yè)績(jī)。
