jQuery动态调整div的大小,使其宽度始终是浏览器的宽度。

jQuery动态调整div的大小,使其宽度始终是浏览器的宽度。
有时候我们需要设置浏览器宽度的div,当然我们可以用相对布局的方式来做这个,但是我们也可以用jQuery来实现。
复制代码代码如下所示:

jQuery测试
显示
{
宽度:500px;
身高:50px;
背景颜色:红色;
}

无功browser_width = $(文档。体)的Width();
$(div.show )Css(宽。
$(窗口)。调整大小(函数(){)
browser_width = $(document。体)Width();
$(div.show )Css(宽。
});
我们使用$(文档正文)(宽度)获取浏览器内容的宽度,当加载页面时,我们将div浏览器的宽度初始化为页面宽度,然后当浏览器大小调整时,将触发调整大小函数,然后我们再对div宽度进行调整。
免责声明:本网信息来自于互联网,目的在于传递更多信息,并不代表本网赞同其观点。其原创性以及文中陈述文字和内容未经本站证实,对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺,并请自行核实相关内容。本站不承担此类作品侵权行为的直接责任及连带责任。如若本网有任何内容侵犯您的权益,请及时联系我们,本站将会在24小时内处理完毕。
相关文章
返回顶部