61,112
社区成员
发帖
与我相关
我的任务
分享
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>1</title>
</head>
<style>
.menu{
width: 20px;
height: 20px;
background-color: darkcyan;
border-radius: 50%;
}
.menu ul{
position:relative;
left: 20px;
display: none;
background-color: aqua;
}
.menu:hover ul{
display: block;
}
</style>
<body>
<div class="menu">
<ul>
<li>1</li>
<li>1</li>
<li>1</li>
</ul>
</div>
</body>
</html>
把hover 改成点击事件,样式自己随意玩<div id="Answer" >
<div id="banner0">答题卡</div>
<a href="#t1" ><div class="number" id="numb1" > 1</div></a>
<a href="#t2" ><div class="number" id="numb2" > 2</div></a>
<a href="#t3" ><div class="number" id="numb3" > 3</div></a>
<a href="#t4" ><div class="number" id="numb4" > 4</div></a>
<a href="#t5" ><div class="number" id="numb5" > 5</div></a>
<a href="#t6" ><div class="number" id="numb6" > 6</div></a>
<a href="#t7" ><div class="number" id="numb7" > 7</div></a>
<a href="#t8" ><div class="number" id="numb8" > 8</div></a>
<a href="#t9" ><div class="number" id="numb9" > 9</div></a>
<a href="#t10"><div class="number" id="numb10">10</div></a>
<a href="#t11"><div class="number" id="numb11">11</div></a>
<a href="#t12"><div class="number" id="numb12">12</div></a>
<a href="#t13"><div class="number" id="numb13">13</div></a>
<a href="#t14"><div class="number" id="numb14">14</div></a>
<a href="#t15"><div class="number" id="numb15">15</div></a>
<a href="#t16"><div class="number" id="numb16">16</div></a>
<a href="#t17"><div class="number" id="numb17">17</div></a>
<a href="#t18"><div class="number" id="numb18">18</div></a>
<a href="#t19"><div class="number" id="numb19">19</div></a>
<a href="#t20"><div class="number" id="numb20">20</div></a>
<a href="#t21"><div class="number" id="numb21">21</div></a>
<a href="#t22"><div class="number" id="numb22">22</div></a>
<a href="#t23"><div class="number" id="numb23">23</div></a>
<a href="#t24"><div class="number" id="numb24">24</div></a>
<a href="#t25"><div class="number" id="numb25">25</div></a>
<a href="#t26"><div class="number" id="numb26">26</div></a>
<a href="#t27"><div class="number" id="numb27">27</div></a>
<a href="#t28"><div class="number" id="numb28">28</div></a>
<a href="#t29"><div class="number" id="numb29">29</div></a>
<a href="#t30"><div class="number" id="numb30">30</div></a>
<a href="#t31"><div class="number" id="numb31">31</div></a>
<a href="#t32"><div class="number" id="numb32">32</div></a>
<a href="#t33"><div class="number" id="numb33">33</div></a>
<a href="#t34"><div class="number" id="numb34">34</div></a>
<a href="#t35"><div class="number" id="numb35">35</div></a>
<a href="#t36"><div class="number" id="numb36">36</div></a>
<a href="#t37"><div class="number" id="numb37">37</div></a>
<a href="#t38"><div class="number" id="numb38">38</div></a>
<a href="#t39"><div class="number" id="numb39">39</div></a>
<a href="#t40"><div class="number" id="numb40">40</div></a>
<div id="banner1">
<div id="clock" class="ClassyCountdownDemo"></div>
</div>
<div id="banner3">
<input type="submit" value="点我交卷">
</div>
</div>