圆形按钮求换效果,每一个圆形按钮是一个div
<div style="height: 45px; border-bottom: 1px solid #ABABAB; background-color: white; width: 828px; margin-left: -15px;">
<div id="cm1" class="navcircle-active" οnmοuseοver="this.style.cursor='pointer'" οnclick="menuclick(this)">
<label id="lt1" οnmοuseοver="this.style.cursor='pointer'" class="navcircle-text">
个人<br />
信息
</label>
</div>
<div id="cm2" class="navcircle-inactive" οnmοuseοver="this.style.cursor='pointer'" οnclick="menuclick(this)">
<label id="lt2" οnmοuseοver="this.style.cursor='pointer'" class="navcircle-text">
个人<br />
观点
</label>
</div>
</div>
<!-- 圆形按钮 -->
<script type="text/javascript">
//圆形按钮
function menuclick(em) {
var cm1 = document.getElementById('cm1');
var cm2 = document.getElementById('cm2');
var page1 = document.getElementById('page1');
var page2 = document.getElementById('page2');
cm1.style.background = '#ABABAB';
cm2.style.background = '#ABABAB';
page1.style.display = "none";
page2.style.display = "none";
if (em == cm1 || em == lt1) {
em.style.background = 'RGB(192, 60, 205)';
document.getElementById('page1').style.display = "block";
} else if (em == cm2) {
em.style.background = 'RGB(192, 60, 205)';
document.getElementById('page2').style.display = "block";
}
}
</script>