Question

我设法让Vertical jScrollPane with tabs正常工作。我怎样才能使它淡化/淡出？我已经尝试将延迟和淡出/淡出添加到show()和hide()，但它要么不起作用，要么显示应该有的标签。

这是我试图修改的代码。一切都与jscrollpane网站上的代码相同。

        <script type="text/javascript" id="sourcecode"> 
        $(function()
        {
            // Create the "tabs"
            $('.tabs').each(
                function()
                {
                    var currentTab, ul = $(this);
                    $(this).find('a').each(
                        function(i)
                        {
                            var a = $(this).bind(
                                'click',
                                function()
                                {
                                    if (currentTab) {
                                        ul.find('a.active').removeClass('active');
                                        $(currentTab).hide();
                                    }
                                    currentTab = $(this).addClass('active')
                                                    .attr('href');
                                    $(currentTab).show().jScrollPane();
                                    return false;
                                }
                            );
                            $(a.attr('href')).hide();
                        }
                    );
                }
            );
        });
    </script>

感谢任何形式的帮助。

Answer 1

也许是这样的？你想褪色的是什么？滚动窗格或标签框？

var a = $(this).bind('click',function(){
if (currentTab) {
    ul.find('a.active').removeClass('active');
    $(currentTab).fadeOut("slow");
}
currentTab = $(this).addClass('active').attr('href');
$(currentTab).fadeIn("slow").jScrollPane();
return false;
});

如果要为滚动条设置动画...：）

var a = $(this).bind('click',function(){
if (currentTab) {
    ul.find('a.active').removeClass('active');
    $(currentTab).fadeOut("slow");
}
currentTab = $(this).addClass('active').attr('href');
$(currentTab).fadeIn("slow").jScrollPane();
$(".jspVerticalBar").css("opacity", "0");
$(".jspVerticalBar").animate({opacity: 1}, 400);
return false;
});

jScrollPane选项卡 - 如何使它们fadein / fadeout？

1 个答案: