jQueryを使って簡単なアニメーション効果を実装するにはどうすればよいですか? (詳細な例)

show(speed,[callback])

hide(speed,[callback])

toggle(speed,[callback]),

//搭建结构
 显示图片
        隐藏图片
        交替显示隐藏
     
  

slidUp(speed,[callback])

slidDown(speed,[callback])

slidToggle(speed,[callback])

 $('#btn_up').bind('click',function(){
                $('#img2').slideUp();  //展开
            })
             $('#btn_down').bind('click', function () {
                $('#img2').slideDown(); //收缩
            })
             $('#btn_slide').bind('click', function () {
                $('#img2').slideToggle();  //收缩展开交替
            })

fadeIn(speed,[callback])

fadeOut(speed,[callback])

fadeToggle(speed,[callback])

 $('#btn_fadeIn').bind('click', function () {
                $('#img3').fadeIn();   //淡入
            })
            $('#btn_fadeOut').bind('click', function () {
                $('#img3').fadeOut();  //淡出
            })
            $('#btn_fade').bind('click', function () {
                $('#img3').fadeToggle(2000);  //淡入淡出交替
            })

$(selector).animate(params,[speed],[easing],[fn])

$(function(){
            $('button').click(function(){
                $('.bt').animate({
                    left:200,
                    top:150,
                    opacity:0.4
                },1000)
            })
        })