一個網站的後台使用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> 此處作者進行了左邊固定,右邊隨浏覽器變化而變化的方式,同時還實現了隨浏覽器的變大而變大,縮小也相對應成比例縮小的代碼,僅供參考。