萬盛學電腦網

 萬盛學電腦網 >> 腳本專題 >> javascript >> 使用JQUERY進行後台頁面布局控制DIV實現左右式

使用JQUERY進行後台頁面布局控制DIV實現左右式

   一個網站的後台使用frame框架來實現這種形式,這邊作者不是使用的frame而是純div進行布局,下面看下具體的實現代碼

  一個網站的後台管理都有一部分是保持固定位置不動,可編輯部分是隨浏覽器變化而變化的,因此有的時候使用frame框架來實現這種形式,這邊作者不是使用的frame而是純div進行布局,想要實現這種方式需要怎麼做呢,下面就控制DIV實現左右式,左邊固定,右邊隨浏覽器變化而變化的JQUERY實現代碼。

 代碼如下: <script type="text/javascript">  //根據浏覽器大小調整左右布局的大小  $(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>    此處作者進行了左邊固定,右邊隨浏覽器變化而變化的方式,同時還實現了隨浏覽器的變大而變大,縮小也相對應成比例縮小的代碼,僅供參考。   
copyright © 萬盛學電腦網 all rights reserved