一個網站的後台管理都有一部分是保持固定位置不動,可編輯部分是隨瀏覽器變化而變化的,因此有的時候使用frame框架來實現這種形式,這邊作者不是使用的frame而是純div進行佈局,想要實現這種方式需要怎麼做呢,下面就控制DIV實作左右式,左邊固定,右邊隨瀏覽器變化而變化的JQUERY實作程式碼。 複製代碼 代碼如下: <BR>//依瀏覽器大小調整左右版面的大小<BR>$(window).ready(function(){ <BR>var wheight=$(window).height(); <BR>var wwidth=$(window ).width(); <BR>$(".div_admin_left").css("height",(wheight-40)); <BR>$(".div_admin_right").css("height",(wheight- 40)); <BR>$(".div_admin_right").css("width",(wwidth-285) 'px'); <BR>}); <BR>$(window).resize(function() { <BR>var wheight=$(window).height(); <BR>var wwidth=$(window).width(); <BR>$(".div_admin_left").css("height",(wheight -40)); <BR>$(".div_admin_right").css("height",(wheight-40)); <BR>$(".div_admin_right").css("width",(wwidth-285 ) 'px'); <BR>}); <BR> 此處作者進行了左邊固定,右邊隨瀏覽器變化而變化的方式,同時還實現了隨瀏覽器的變大而變大,縮小也相對應成比例縮小的程式碼,僅供參考。