JQuery UI Effects


  • Blind Horizontal

    $("#blindHorizontally").hide("blind", {direction:"horizontal"}, 1000);
  • Blind Vertikal

    $("#blindVertically").hide("blind", {direction:"vertical"}, 1000);
  • Bounce 3 ×

    $("#bounce3times").hide("bounce", {times:3}, 1000);
  • Clip Horizontal

    $("#clipHorizontally").hide("clip", {direction:"horizontal"}, 1000);
  • Clip Vertikal

    $("#clipVertically").hide("clip", {direction:"vertical"}, 1000);
  • Drop Up

    $("#dropUp").hide("drop", {direction:"up"}, 1000);
  • Drop Left

    $("#dropLeft").hide("drop", {direction:"left"}, 1000);
  • Drop Right

    $("#dropRight").hide("drop", {direction:"right"}, 1000);
  • Explode 9 Potongan (default)

    $("#explode9").hide("explode", 1000);
  • Explode 36 Potongan

    $("#explode36").hide("explode", {pieces:36}, 1000);
  • Fold menuju 15 (default)

    $("#fold").hide("fold", 1000);
  • Fold menuju 50

    $("#fold-50").hide("fold", {size:50}, 1000);
  • Fold menuju 50%

    $("#fold-half").hide("fold", {size:"50%"}, 1000);
  • Fold Horizontal First

    $("#fold-horf").hide("fold", {size:30, horizFirst:true}, 1000);
  • Highlight

    $("#highlight").effect("highlight", {mode:"show"}, 1000);
  • Pulsate 2 ×

    $("#pulsate").hide("pulsate", {times:2}, 1000);
  • Puff 150% (default)

    $("#puff").hide("puff", 1000);
  • Puff 300%

    $("#puff-to").hide("puff", {percent:300}, 1000);
  • Scale

    $("#scale").hide("scale", 1000);
  • Scale Top-Left

    $("#scale-topleft").hide("scale", {origin:["top", "left"]}, 1000);
  • Scale Bottom-Right

    $("#scale-botright").hide("scale", {origin:["bottom", "right"]}, 1000);
  • Size

    $("#size").effect("size", {to:{width:70, height:30}, 1000);
  • Shake

    $("#shake").effect("shake", 100);
  • Shake 20 ×

    $("#shake-20").effect("shake", {times:20}, 100);
  • Slide Down

    $("#boks").hide("slide", {direction:"down"}, 1000);
  • Slide Up

    $("#slideUp").hide("slide", {direction:"up"}, 1000);
  • Slide Left

    $("#slideLeft").hide("slide", {direction:"left"}, 1000);
  • Slide Right

    $("#slideRight").hide("slide", {direction:"right"}, 1000);
  • Transfer ke #slideLeft

    $("#transfer").effect("transfer", {to:"#slideLeft"}, 1000);
×