欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery動(dòng)態(tài)調(diào)整div大小使其寬度始終為瀏覽器寬度

 更新時(shí)間：2014年06月06日 10:14:03   作者：  
需要設(shè)置寬度為整個(gè)瀏覽器寬度的div，當(dāng)然我們可以使用相對(duì)布局的方式做到這一點(diǎn)，下面是具體實(shí)現(xiàn)，大家可以參考下
有時(shí)候我們需要設(shè)置寬度為整個(gè)瀏覽器寬度的div，當(dāng)然我們可以使用相對(duì)布局的方式做到這一點(diǎn)，不過我們也可以用jquery來(lái)實(shí)現(xiàn)。
復(fù)制代碼 代碼如下:

<!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()獲取瀏覽器內(nèi)容的寬度，在加載頁(yè)面的時(shí)候我們初始化該div的寬度為瀏覽器頁(yè)面的寬度，然后每當(dāng)瀏覽器大小調(diào)整的時(shí)候，都會(huì)觸發(fā)resize函數(shù)，此時(shí)我們?cè)俅螌?duì)該div的寬度進(jìn)行調(diào)整。

相關(guān)文章

最新評(píng)論