Question

任何人都可以说，jQuery工具叠加有多少效果，它们是什么？我搜索了这个链接effects list，没有显示任何内容。感谢

Answer 1

请查看此link以获取解释，无论如何我都会复制并粘贴到此处

自定义叠加效果使用自定义叠加效果   $ .tools.overlay.addEffect方法。第一个参数是效果   name，第二个参数是定义叠加方式的函数   显示，第三个参数定义叠加层的关闭方式。内   这个变量的函数是对overlay API的引用。

加载函数接收两个参数。第一个参数css   定义配置中给出的顶部和左侧属性。该   第二个参数是一个必须在你之后调用的回调函数   已经完成了你的加载效果。

// 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();      
      });
   }
);

Answer 2

实际上，你可以编写自己的效果数量不限。

参见提供的链接..

制作自定义效果如果要进行自定义效果，则应使用$ .tools.overlay.addEffect方法。此方法是“静态的”，这意味着您不必已经加载了覆盖API（或实例）。您可以在初始化任何叠加层之前添加效果。

jQuery Overlay中的效果

2 个答案: