目標(biāo)是為每個(gè)四分之一圓添加一個(gè)函數(shù)。該圓圈是通過(guò)以下方式生成的： HTML：<div class="circle">CSS：.circle { margin: 1em auto; border-radius: 50%; width: 40px; height: 40px; box-sizing: border-box; border-width: 20px; border-style: solid; border-color: red green blue yellow; transform: rotate(45deg);}就像我在這里找到的：如何用四個(gè)四分之一創(chuàng)建圓我想在單擊特定季度時(shí)執(zhí)行函數(shù)quarterClicked()。
1 回答
森林海
TA貢獻(xiàn)2011條經(jīng)驗(yàn) 獲得超2個(gè)贊
你可以像這樣畫(huà)你的圓圈：
<div class="circle">
<div id="blue" class="quarter" onclick="quarterClicked()"></div>
<div id="green" class="quarter" onclick="q2()"></div>
<div id="red" class="quarter" onclick="q3()"></div>
<div id="black" class="quarter" onclick="q4()"></div>
</div>
CSS：
.circle {
display: block;
padding: 0;
width: 200px;
height: 200px;
border: 1px;
border-radius: 50%;
overflow: hidden;
}
.quarter {
display: inline-block;
float: left;
margin: 0;
padding: 0;
width: 100px;
height: 100px;
}
#blue {
background-color: blue;
}
#green {
background-color: green;
}
#red {
background-color: red;
}
#black {
background-color: black;
}
JavaScript：
quarterClicked(){
//your code
}
- 1 回答
- 0 關(guān)注
- 99 瀏覽
添加回答
舉報(bào)
0/150
提交
取消