如何通过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()   显示

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