Javascript 如何使用jQuery向我的网站添加滑块转换？

我正在使用jQuery库，因此它是可用的。我需要知道如何在此页面中添加滑动效果：

请注意，当您单击它时，它会淡入淡出，但我更喜欢它滑动，我对它们如何工作有一个小的想法，但是，就目前的编码方式而言，我不确定实现它们的正确技术。最简单的方法是什么

---

非常感谢。

据我所知，您的网站有以下代码，可以进行淡入淡出转换：

$('nav ul li').not('#line').click(function(){
    selected = $(this).attr('id');
    $('nav ul li').css({'background': '', 'color': '#999'});
    $(this).css({'background': getColor(selected), 'color': '#FFF'});

    $('.content').fadeOut('fast', function(){
        $(this).html($('div#'+selected).html());
        $(this).fadeIn('fast');
    })

})

如果您想让它滑动，那么使用jQueryUI可能会更容易。如果您想要向左滑动和淡入，则可以使用jQuery UI中的拖放转换来完成此操作：

$('nav ul li').not('#line').click(function(){
    selected = $(this).attr('id');
    $('nav ul li').css({'background': '', 'color': '#999'});
    $(this).css({'background': getColor(selected), 'color': '#FFF'});

    $('.content').hide('drop', {direction: 'left'}, 'fast', function(){
        $(this).html($('div#'+selected).html());
        $(this).show('drop', {direction: 'right'}, 'fast');
    })

})

我显然没有尝试在你的网站上运行这段代码，但它看起来肯定是这样的

您可以在此处了解有关跌落效果的更多信息：

• （单击下拉菜单上的Drop）

希望这能有所帮助。：）