欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Javascript显示隐藏DIV

程序员文章站 2022-05-05 19:32:48
...

1.创建一个showhidediv的方法,直接跟ID属性调用;

<script language="javascript">
function showhidediv(id){
var sbtitle=document.getElementById(id);
if(sbtitle){
   if(sbtitle.style.display=='block'){
   sbtitle.style.display='none'; 
   }else{
   sbtitle.style.display='block';
   }
}
}
</script>

2.HTML页面结构

<a onMouseMove='showhidediv("baip")';> 点我  </a>
<div id="baip"style="display:none;">隐藏显示的DIV</div>