国产探花免费观看_亚洲丰满少妇自慰呻吟_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的寬度進行調整。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 新龙县| 沙河市| 濮阳市| 蓝田县| 大冶市| 庄浪县| 巴中市| 湖南省| 安远县| 永靖县| 阿拉善左旗| 射洪县| 和林格尔县| 邯郸县| 巴中市| 通江县| 夏津县| 徐汇区| 金乡县| 衡阳县| 汕尾市| 自治县| 社旗县| 华蓥市| 上栗县| 同德县| 桓台县| 子长县| 开鲁县| 东源县| 镇平县| 涪陵区| 当阳市| 长乐市| 社旗县| 江门市| 德兴市| 航空| 嫩江县| 崇阳县| 昭觉县|