数码资讯
jQuery动态调整div的大小,使其宽度始终是浏览器的宽度。
有时候我们需要设置浏览器宽度的div,当然我们可以用相对布局的方式来做这个,但是我们也可以用jQuery来实现。 复制代码代码如下所示: jQuery测试 。显示 { 宽度:500px; 身高:50px; 背景颜色:红色; } 无功browser_width = $(文档。体)的Width(); $
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
有时候我们需要设置浏览器宽度的div,当然我们可以用相对布局的方式来做这个,但是我们也可以用jQuery来实现。
复制代码代码如下所示:
jQuery测试
。显示
{
宽度:500px;
身高:50px;
背景颜色:红色;
}
无功browser_width = $(文档。体)的Width();
$(div.show )Css(宽。
$(窗口)。调整大小(函数(){)
browser_width = $(document。体)Width();
$(div.show )Css(宽。
});
我们使用$(文档正文)(宽度)获取浏览器内容的宽度,当加载页面时,我们将div浏览器的宽度初始化为页面宽度,然后当浏览器大小调整时,将触发调整大小函数,然后我们再对div宽度进行调整。
复制代码代码如下所示:
jQuery测试
。显示
{
宽度:500px;
身高:50px;
背景颜色:红色;
}
无功browser_width = $(文档。体)的Width();
$(div.show )Css(宽。
$(窗口)。调整大小(函数(){)
browser_width = $(document。体)Width();
$(div.show )Css(宽。
});
我们使用$(文档正文)(宽度)获取浏览器内容的宽度,当加载页面时,我们将div浏览器的宽度初始化为页面宽度,然后当浏览器大小调整时,将触发调整大小函数,然后我们再对div宽度进行调整。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。