Question

Can anyone say, How many effects are there in jQuery tools Overlay and what are they?
I searched in this link effects list, shows nothing. Thanks

Answer 1

Take a look at this link for an explanation, in any case i copy and paste here

Custom Overlay effect Custom overlay effects are done with the
$.tools.overlay.addEffect method. The first argument is the effect
name, the second argument is the function that defines how the overlay
is shown and the third argument defines how the overlay closes. Inside
the functions the this variable is a reference to the overlay API.

The loading function receives two arguments. The first argument css
defines the top and left properties given in the configuration. The
second argument is a callback function that must be called after you
have performed your loading effect.

// loading animation
$.tools.overlay.addEffect("drop", function(css, done) { 

   // use Overlay API to gain access to crucial elements
   var conf = this.getConf(),
       overlay = this.getOverlay();           

   // determine initial position for the overlay
   if (conf.fixed)  {
      css.position = 'fixed';
   } else {
      css.top += $(window).scrollTop();
      css.left += $(window).scrollLeft();
      css.position = 'absolute';
   } 

   // position the overlay and show it
   overlay.css(css).show();

   // begin animating with our custom easing
   overlay.animate({ top: '+=55',  opacity: 1,  width: '+=20'}, 400, 'drop', done);

   /* closing animation */
   }, function(done) {
      this.getOverlay().animate({top:'-=55', opacity:0, width:'-=20'}, 300, 'drop', function() {
         $(this).hide();
         done.call();      
      });
   }
);