2012-04-29 56 views
1

我寫了一些jsp/ajax頁面,它們按擴展方式工作。 我有需要,點擊特定的鏈接時,特別使頁面變暗/變暗除<div></div>

<div id="showAllRooms"> <div> 

區域的異常暗淡的頁面。(把頁面中的「陰影」,除了一個的div)

我佩裏用JavaScript編寫你能否建議什麼是最好的方法來完成這項任務?

謝謝。

+1

什麼_「使頁面變暗而不是特別的」_是什麼意思? – gdoron

回答

3
  • 創建一個層(DIV),其是如身體一樣大(位置:絕對的,各個角落現在的位置是0,無填充,沒有餘量)
  • 掩蓋它(顯示:無)
  • 給它一個較深的backgroundColor
  • 給它一個較高的Z-index屬性
  • [otionally]給它的不透明度值(不透明度:0.5)
  • 給DIV要顯示出較高的z-index比創建DIV
  • 顯示創建層(顯示:塊)

或使用它的許多框架之一,像jquery lightbox

祝你好運!

+0

你能舉個例子嗎? – Andrew

0

如果我明白你需要什麼。您需要將頁面放在除一個div之外的「陰影」中。

它可以很容易地使用jQuery的UI和它的模型小部件。

preview

+0

你能提供一個例子嗎? – Andrew

+0

@Andrew。我很久以前添加了一個例子... – gdoron