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

例子

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函数

关键词: jQuery jquery教程

网友留言(0条)

发表评论