国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 14:46:46
字體:
來源:轉載
供稿:網友
有時候我們需要設置寬度為整個瀏覽器寬度的div,當然我們可以使用相對布局的方式做到這一點,不過我們也可以用jquery來實現。
復制代碼 代碼如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>jquery test</title>
<script src="jquery-1.11.1.min.js"></script>
<style type="text/css">
.show
{
width: 500px;
height: 50px;
background-color: red;
}
</style>
</head>

<body>
<div class="show"></div>
<script>
var browser_width = $(document.body).width();
$("div.show").css("width",browser_width);
$(window).resize(function() {
browser_width = $(document.body).width();
$("div.show").css("width",browser_width);
});
</script>
</html>

我們使用$(document.body).width()獲取瀏覽器內容的寬度,在加載頁面的時候我們初始化該div的寬度為瀏覽器頁面的寬度,然后每當瀏覽器大小調整的時候,都會觸發resize函數,此時我們再次對該div的寬度進行調整。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 冀州市| 西宁市| 揭阳市| 惠东县| 仙游县| 天柱县| 维西| 尚志市| 武威市| 武强县| 江口县| 清河县| 平罗县| 济宁市| 尉犁县| 花垣县| 虎林市| 游戏| 象州县| 建阳市| 库伦旗| 河南省| 高碑店市| 东海县| 六枝特区| 乌兰察布市| 北安市| 珠海市| 灵璧县| 双辽市| 门源| 榕江县| 泰安市| 巴楚县| 元阳县| 莆田市| 盘山县| 阜南县| 龙里县| 当阳市| 万载县|