DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> jQuery入門知識 >> JQuery特效代碼 >> 使用JQUERY進行後台頁面布局控制DIV實現左右式
使用JQUERY進行後台頁面布局控制DIV實現左右式
編輯:JQuery特效代碼     
一個網站的後台管理都有一部分是保持固定位置不動,可編輯部分是隨浏覽器變化而變化的,因此有的時候使用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