如何通過JQuery來實現一個彈出div

1,簡單的來說,就是讓一個div作爲載體,顯示在瀏覽器頁面最外層(本人前端特別菜,在此只是做記錄不讓自己忘記,實現其實挺low)


1最主要的原理就是html的dom元素的一個屬性:z-index,他決定這個元素的層級,越大越在最外層,其次也是比較重要的一點,這個功能要想實現是要依賴於

另一個設置的就是style的一個設置,就是元素的定位必須是絕對定位,不然z-index的設置沒有效果


<div id="deviceadd" style="width:400px;height:380px; display: block; z-index: 10;position:absolute;background-color: black;">
 
  </div>


剩下的工作就是利用JQuery進行控制它的顯示和消失了


$("#deviceadd").hide()   隱藏    $("#deviceadd").show()   顯示

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章