DIV隐藏的两种方法实例

发布时间:2021-01-04编辑:脚本学堂
该文章讲了两种方法可以将div隐藏掉,需要的朋友参考一下。

两种方式为隐藏并且不占位,占的位置保持空白。
第一种,隐藏并且不占位
 

复制代码 代码示例:
<div id="mmm">
 插入FLASH动画<br>
 插入FLASH动画<br>
 插入FLASH动画<br>
 插入FLASH动画<br>
 插入FLASH动画<br>
</div>
<input type="button" name=hiddendiv value="隐藏" onClick="javascript:return document.all.mmm.style.display='none'">
<input type="button" name=showdiv value="显示"onClick="javascript:return document.all.mmm.style.display='block'">

第二种,隐藏,但是DIV所占的位置保持空白。
 

复制代码 代码示例:
<div id="mmm" style="background:#cccccc;">
 插入FLASH动画<br>
 插入FLASH动画<br>
 插入FLASH动画<br>
 插入FLASH动画<br>
 插入FLASH动画<br>
</div>
<input type="button" name=hiddendiv value="隐藏" onClick="javascript:return document.all.mmm.style.visibility='hidden'">
<input type="button" name=showdiv value="显示"onClick="javascript:return document.all.mmm.style.visibility='visible'">