怎么在一个区域有两个div,对应两个按键,点击对应按键显示对应的div,另外一个隐藏,
1个回答
展开全部
<meta charset="utf-8" />
<ul>
<li onmouseover="show('kka');hide('kkb')" >为了实现简单我就不采用div了,格式可以自己调</li>
<li onmouseover="show('kkb');hide('kka')" >只要会用事件调用show(),和hide这两个函数就可以完成你的要求</li>
<li>比如上面就是onmouseover,鼠标进去块触发该事件,就会调用双引号没的代码,代码show('kka'),表示显示id为kka的块,hide('kkb')表示隐藏kkb,其他还有很多事件,比如点击事件onclick,这就是</li>
<li id="kka">隐藏块a</li>
<li id="kkb" style="display:none;">隐藏块b</li>
</ul>
<script type="text/javascript">
function hide(id){
document.getElementById(id).style.display="none";
}
function show(id){
document.getElementById(id).style.display="block";
}
</script>
<ul>
<li onmouseover="show('kka');hide('kkb')" >为了实现简单我就不采用div了,格式可以自己调</li>
<li onmouseover="show('kkb');hide('kka')" >只要会用事件调用show(),和hide这两个函数就可以完成你的要求</li>
<li>比如上面就是onmouseover,鼠标进去块触发该事件,就会调用双引号没的代码,代码show('kka'),表示显示id为kka的块,hide('kkb')表示隐藏kkb,其他还有很多事件,比如点击事件onclick,这就是</li>
<li id="kka">隐藏块a</li>
<li id="kkb" style="display:none;">隐藏块b</li>
</ul>
<script type="text/javascript">
function hide(id){
document.getElementById(id).style.display="none";
}
function show(id){
document.getElementById(id).style.display="block";
}
</script>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询