2012-01-02 58 views

回答

1

看看这个link作出解释,在我复制任何情况下,在这里贴

自定义背景画面效果自定义叠加效应与 $ .tools.overlay.addEffect方法来完成。第一个参数是效果 名称,第二个参数是定义如何显示覆盖 的函数,第三个参数定义覆盖如何关闭。在 里面,这个变量的功能是对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();  
     }); 
    } 
); 
0

其实有无限数量的效果,你可以写自己的..

见提供的链接..

制作自定义效果 如果你想自定义效果,你应该使用$ .tools.overlay.addEffect方法。这个方法是“静态的”,这意味着你不必拥有已经加载的覆盖API(或实例)。您可以在任何叠加层初始化之前添加效果。