如何使用jQuery让页面随着窗口大小的改变而自动加减页面的宽度？

Question

就像是用JQuery制作有动画拉动效果的下拉列表一样，当我把窗口的横向大小改变即说改变浏览器的宽度时，页面的宽度也随之改变，而改变是在模拟动画的效果，不是瞬间就变成那个指定的值！！

Answer 1

<style type="text/css">
*{margin:0;padding:0;}
.div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;}
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(function(){
$(".div1").css({
height:$(window).height()
});
$(window).resize(function(){
$(".div1").stop(true,false).animate({
width:$(document).width()*0.8
},150)
});   
$(window).resize();
});
</script>
<div class="div1"></div>

Answer 2

$(window).size(function(){$(yourDiv).animate();});
其中animate参考上一条回答

追问

完全行不通

追答

我们做的网页都是如此，也许你的环境特别吧。消息触发事件，事件调用函数，除此之外实在不知道还有什么途径？