目標是為每個四分之一圓添加一個函數。該圓圈是通過以下方式生成的： 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);}就像我在這里找到的：如何用四個四分之一創建圓我想在單擊特定季度時執行函數quarterClicked()。
1 回答
森林海
TA貢獻2011條經驗 獲得超2個贊
你可以像這樣畫你的圓圈：
<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 關注
- 89 瀏覽
添加回答
舉報
0/150
提交
取消