+ -
当前位置:首页 → 问答吧 → 求jquery滑动门效果

求jquery滑动门效果

时间:2010-01-21

来源:互联网

网上的滑动门效果(和flash效果一样)都是左右滑动的 有没有高手有上下滑动的啊?

作者: q90130326   发布时间: 2010-01-21

这段代码有人能告诉我什么意思么?

(function($){
    $.fn.lavaLamp=function(o){
        o=$.extend({
            fx:"linear",
            speed:500,
            click:function(){}
        },o||{});
    return this.each(function(){
        var b=$(this),noop=function(){},$back=$('<li class="back"><div class="left"></div></li>').appendTo(b),$li=$("li",this),curr=$("li.current",this)[0]||$($li[0]).addClass("current")[0];
        $li.not(".back").hover(function(){
            move(this)
            },noop);
        $(this).hover(noop,function(){
            move(curr)
            });
        $li.click(function(e){
            setCurr(this);
            return o.click.apply(this,[e,this])
            });
        setCurr(curr);
        function setCurr(a){
            $back.css({
                "Top":a.offsetTop+"px",
                "height":a.offsetHeight+"px"
                });
            curr=a
            };

        function move(a){
            $back.each(function(){
                $(this).dequeue()
                }).animate({
                height:a.offsetHeight,
                Top:a.offsetTop
                },o.speed,o.fx)
            }
        })
}
})(jQuery);

作者: q90130326   发布时间: 2010-01-21

很多很多啊。。。

作者: kfy0228   发布时间: 2010-01-21

相关阅读 更多

热门下载

更多