jQuery入门学习(2)---jQuery动画特效

show()和hide()方法---元素的显示与隐藏

$(function(){
    $("#show").click(function(){
        $("#frame").hide(1000); //淡出的效果
    });
    $("#hide").click(function(){
        $("#frame").show(3000); //淡入的效果
    });
});

在show()和hide()的方法中什么也不加时，只能是简单显示隐藏，加入一个时间值后，就会出现淡入淡出的效果。

fadeIn()和fadeOut()---渐入渐出的变幻

$("#FadeIn").click(function(){
    $("#frame").fadeIn(3000);
});
$("#FadeOut").click(function(){
    $("#frame").fadeOut(3000);
});

效果与show()和hide()差不多

slideUp()和slideDown()方法---幻灯片效果

$("#slideUp").click(function(){
    $("#frame").slideUp(3000);
});
$("#slideDown").click(function(){
    $("#frame").slideDown(3000);
});

对Div显示效果为上下滑动进出