js或者jquery实现页面中的一个div全屏

2024-11-19 00:36:15
推荐回答(4个)
回答(1):

1、引入外部jquery文件
比如:

2、点击按钮时的JQuery代码

$(document).ready(function () {
 $("#go").click(function () {       
 /*属性*/       
 $("#go2").css({ "position": "absolute", "text-align": "center", "top": "0px", "left": "0px", "right": "0px", "bottom": "0px", "background": "red", "visibility": "visible", "filter": "Alpha(opacity=90)"
 });       
 /*高为屏幕的高*/       
 $("#go2").css({           
     height: function () {           
         return $(document).height();       
     },           
     width:"100%"        
 });    
});
});

3、html页面代码
 



 正在提交数据...

回答(2):

body设置成margin:0px; padding:0px; div设置成width,height:100%; position:absolute; z-index:1000; opacity:0.5; background:#000; display:none,这是CSS样式,调出来用div.style.display="block"呗

回答(3):

回答(4):

长宽都设置成100%