div_隱藏顯示


http://www.icoa.cn/a/617.html

http://my.oschina.net/xsh1208/blog/215811

 

1、方式1:

display:none|block;

display:none;

  隱藏該html元素,確切的說,是在瀏覽器中消除該元素,不占屏幕的空間。若其下有其他元素,就會上移到該空間區域(好像桌子上有100塊錢,現在我把它放在抽屜里藏起來,桌子上放100錢的地方可以放在其他任何東西)。

dispaly:block;

  顯示已經隱藏的html元素,如果別的元素占有了該空間時,他將下移,空間重新別原來的元素占有。(把100塊錢重新從抽屜里那出來放回桌子上)。

 

2、方式2:

visibility:hidden|visible;

visibility:hidden;

  隱藏該元素,正真的隱藏,但他還占有那塊空間。這時,(桌子上有100塊錢,這是我蓋了桌布把他隱藏起來,錢還在那里)。

visibility:visible;

  讓元素顯示(拿掉了桌布,看到了100塊錢)。

 

所以display和visibility控制的分別是html元素是否存在和是否顯示,display的屬性定義該元素存在或不存在,而visibility的屬性只是控制該元素是否顯示出來,實際上還是存在的。

 

 

 

注意:

使用display方式更人性化,但是,用div.style.display="none"隱藏會引起,div里面的東西休眠,里面的事件就不響應了。

最好將div里面的對象的width或height設成0.比如:div里面有一個player的iframe.
document.frames['player'].frameElement.height=0;

 

 

C

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM