1. 程式人生 > >jQuery初學2

jQuery初學2

  1. jquery動畫---->animate()  
  2. 語法
    $(selector).animate({params},speed,callback);
    

    params是必需的css樣式,speed是速度:slow,fast,毫秒,callback是跳轉的函式

  3. 功能:操作多個屬性;使用相對值;使用預定義的值;使用佇列功能。
    $("button").click(function(){
      $("div").animate({
        left:'250px',
        opacity:'0.5',
        height:'150px',
        width:'150px'
      });
    });
    $("button").click(function(){
      $("div").animate({
        left:'250px',
        height:'+=150px',
        width:'+=150px'
      });
    });
    $("button").click(function(){
      $("div").animate({
        height:'toggle'
      });
    });
    $("button").click(function(){
      var div=$("div");
      div.animate({height:'300px',opacity:'0.4'},"slow");
      div.animate({width:'300px',opacity:'0.8'},"slow");
      div.animate({height:'100px',opacity:'0.4'},"slow");
      div.animate({width:'100px',opacity:'0.8'},"slow");
    });
    

     

  4. juery stop()
  5. 語法
    $("#stop").click(function(){
      $("#panel").stop();
    });
    

      

  6. jquery callback()
  7. 例項
    $("button").click(function(){
        $("p").hide(1000);
        alert("現在段落被隱藏了");
      });
    

      

  8. jQuery鏈
  9. 例項
    $("button").click(function(){
        $("#p1").css("color","red")
          .slideUp(2000)
          .slideDown(2000);
      });
    

     允許在同一個元素上執行多個jQuery命令