Jquery第二课--效果

a. show()显示 hide()隐藏 toggle()切换上面两个方法 b. fadeIn() 淡入 fadeOut() 淡出 fadeToggle()切换上面两个方法 fadeTo()允许渐变为给定的不透明度（值介于 0 与 1 之间） c. slideDown() 向下滑显示 slideUp()   向上滑动隐藏 slideToggle()切换上面两个方法 d. animate({})动画 如需对位置进行操作，要记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute！ e. stop() 停止滑动

    
    
    
    Document


    
    
    
    
    
    
    b
    b1
    





$(function(){
    $('#b').click(function () { 
        $('#b2').slideDown(5000)
    });
    $('#b1').click(function () { 
        $('#b2').stop()
     })
    $("#a").click(function(){
        $(this).next().animate({left:'250px',width:'200px'});
    });
    $('#b10').click(function () { 
        $(this).next().slideToggle();
     });
    $('#b9').click(function () { 
        $(this).next().slideUp();
     });
    $('#b8').click(function () { 
        $(this).next().slideDown();
     });
    $('#b7').click(function () { 
        $(this).next().fadeTo('slow','0.3')
     });
    $('#button1').click(function(){
        $(this).next().next().hide('slow',function(){
            alert(123)
        });
    });
    $('#button2').click(function(){
        $(this).next().next().show('slow');
    });
    $('#button3').click(function(){
        $(this).next().toggle('slow');
    });
    $('#button4').click(function(){
        $(this).next().fadeIn('slow')
    });
    $('#b5').click(function () { 
        $(this).next().fadeOut('slow')
     });
    $('#b6').click(function () { 
    $(this).next().fadeToggle('slow')
    })
})