jquery animate方法动画效果多个例子

if($('.swaplist,.mainlist').is(':animated')){
    $('.swaplist,.mainlist').stop(true,true);
}
 

$("#go").click(function () {
    $("#block").animate({
        width: "90%",
        height: "100%",
        fontSize: "10em",
        borderWidth: 10
    }, 1000);
});

$("#right").click(function () {
    $(".block").animate({ left: '+50px' }, "slow");
});
$("#left").click(function () {
    $(".block").animate({ left: '-50px' }, "slow");
});

$("p").animate({
    height: 'toggle', opacity: 'toggle'
}, "slow");

$("p").animate({
    left: 50, opacity: 'show'
}, 500);

$(".box h3").toggle(function(){
    $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
        $(this).addClass("arrow");
        return false;
 
    },function(){
        $(this).next(".text").animate({height: 'toggle', opacity: 'toggle'}, "slow");
        $(this).removeClass("arrow");
        return false;
    });
});

//滚动焦点
$(window).scroll(function () {              //当前窗口的滚动事件
var winTop = $(window).scrollTop();     //获取当前窗口的大小
var objTop = $("#obj1").offset().top;   //获取当前对象的x坐标
});