使用JQUERY進(jìn)行后臺(tái)頁(yè)面布局控制DIV實(shí)現(xiàn)左右式

2019-11-20 21:17:50

字體：大中小

供稿：網(wǎng)友

一個(gè)網(wǎng)站的后臺(tái)管理都有一部分是保持固定位置不動(dòng)，可編輯部分是隨瀏覽器變化而變化的，因此有的時(shí)候使用frame框架來(lái)實(shí)現(xiàn)這種形式，這邊作者不是使用的frame而是純div進(jìn)行布局，想要實(shí)現(xiàn)這種方式需要怎么做呢，下面就控制DIV實(shí)現(xiàn)左右式，左邊固定，右邊隨瀏覽器變化而變化的JQUERY實(shí)現(xiàn)代碼。

復(fù)制代碼代碼如下:

 
<script type="text/javascript"> 
//根據(jù)瀏覽器大小調(diào)整左右布局的大小 
$(window).ready(function(){ 
var wheight=$(window).height(); 
var wwidth=$(window).width(); 
$(".div_admin_left").css("height",(wheight-40)); 
$(".div_admin_right").css("height",(wheight-40)); 
$(".div_admin_right").css("width",(wwidth-285)+'px'); 
}); 
$(window).resize(function(){ 
var wheight=$(window).height(); 
var wwidth=$(window).width(); 
$(".div_admin_left").css("height",(wheight-40)); 
$(".div_admin_right").css("height",(wheight-40)); 
$(".div_admin_right").css("width",(wwidth-285)+'px'); 
}); 
</script> 