我该如何编写JavaScript或jQuery代码,以便当我点击一个点时点获得一个活动类,但之前的点类被删除?JavaScript-Dot导航
HTML:
<div class="dotnav">
<div class="dot active" title="Sign Up"></div>
<div class="dot" title="hello"></div>
<div class="dot" title="hello"></div>
<div class="dot" title="hello"></div>
<div class="dot" title="hello"></div>
<div class="dot" title="helloup"></div>
</div>
CSS:
.dotnav {
left: 40px;
position: absolute;
top: 50%;
z-index: 9999;
display: block;
/*-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50);*/
}
.dot {
width: 16px;
height: 16px;
border-radius: 100%;
border: 2px solid #CCCCCC;
display: block;
margin-top: 10px;
cursor: pointer;
vertical-align;
baseline;
}
.dot:hover {
border: 2px solid #999999;
background-color: #C9931E;
}
.active {
background-color: #C9931E;
}
我如何可以编写JavaScript或jQuery的,这样,当我点击一个点,该点得到一个活动类,但之前的点类被删除?
由于它的工作。 – MasterRaining 2015-04-01 02:12:59