DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript綜合知識 >> 使用JQUERY進行後台頁面布局控制DIV實現左右式
使用JQUERY進行後台頁面布局控制DIV實現左右式
編輯:JavaScript綜合知識     

   一個網站的後台使用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>    此處作者進行了左邊固定,右邊隨浏覽器變化而變化的方式,同時還實現了隨浏覽器的變大而變大,縮小也相對應成比例縮小的代碼,僅供參考。   
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved