java脚本根据窗口大小展开div和bg图像

对不起，第一个问题。我有点通过反复试验来了解这一切。无论如何，我无法弄清楚如何复制这1个脚本。java脚本根据窗口大小展开div和bg图像

我想要做的是使用javascript或somthing基于窗口的大小扩大div和bg图像内部的div。有关我正在尝试执行的示例，请参阅42floors。

我的项目是格式化

/* header */ 

/* I want to expand dynamically */ 
<div> 

/*Content area with title showing at bottom like example site, even when window is expanded. */ 
<div> 

/* footer */

任何有识之士或者方向将是非常有益的。谢谢。

来源

2013-03-11 user2151867

只是看看他们的源代码。他们使用以下内容：

#container { 
    width: 100%; 
    background: url(your-image.png); 
    background-size: 100%; 
}

请记住，IE6-8不支持background-size。

来源

2013-03-11 21:14:49 zakangelle

已经尝试过，并没有复制效果。它必须是某种Java脚本。在这个例子中，div class = hero有一个内联高度样式，它随着浏览器大小自动改变，而div class = cta-container下面的div也有改变的padding-top。我相信这是通过改变浏览器的大小来创建图像调整大小的效果，并且在调整浏览器大小时，使该div保持在该底部区域中的“找到办公空间的最佳位置”......任何其他提示？ – user2151867 2013-03-12 12:40:34

http://johnpatrickgiven.com/jquery/background-resize/完全支持，像上面，背景大小的是，如果你不给* *关于IE 9 <

来源

2013-03-11 21:28:17 user666

一个相当简单的编程方法是添加事件侦听器的选项窗口大小调整事件并计算高度/宽度并适当调整图像/ div的大小。

$(document).ready(function(){ 
    $(window).resize(function(){ 
     //change the size of your div using something like 
     $(div).css("width", value); 
     $(div).css("height", value); 
    }); 
});

这个使用jquery的方式。 http://code.jquery.com/jquery-1.9.1.min.js

来源

2013-03-11 22:10:53 iAmClownShoe

java脚本根据窗口大小展开div和bg图像

回答

相关问题