jQuery让页面随着窗口大小变化自动加减宽度？

Web前端开发 / 6032 次阅读

例子

CSS代码： 

.div1{height:100%;margin:0 auto;border-left:5px solid #F00;border-right:5px solid #F00;}
jQuery代码： 

$(function(){
    $(".div1").css({
        height:$(window).height()
    });
    $(window).resize(function(){
        $(".div1").stop(true,false).animate({
            width:$(document).width()*0.8
        },150)
    });   
    $(window).resize();
});
主要是用到resize函数