首頁 > web前端 > js教程 > jquery動態調整div大小使其寬度始終為瀏覽器寬度_jquery

jquery動態調整div大小使其寬度始終為瀏覽器寬度_jquery

WBOY
發布: 2016-05-16 16:45:58
原創
1107 人瀏覽過

有時候我們需要設定寬度為整個瀏覽器寬度的div,當然我們可以使用相對佈局的方式做到這一點,不過我們也可以用jquery來實現。

複製程式碼 程式碼如下:







jquery test

<script> <BR>var browser_width = $(document.body).width(); <BR>$("div.show").css("width",browser_width); <BR>$(window).resize(function() { <BR>browser_width = $(document.body).width(); <BR>$("div.show").css("width",browser_width); <BR>}); <BR></script>
我們使用$(document.body).width()來取得瀏覽器內容的寬度,在載入頁面的時候我們初始化該div的寬度為瀏覽器頁面的寬度,然後每當瀏覽器大小調整的時候,都會觸發resize函數,此時我們再次對該div的寬度進行調整。
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板