使用jQuery UI滑动内容而不是淡入淡出？

首先，我想为没有一个公开的演示和对jQuery非常陌生而道歉

目前有一个非常基本的jQuery“slider”脚本，它为新内容触发一个fadeIn，新内容只是在上面分层（据我所知）。我正在尝试使用easing将此效果更改为幻灯片效果，并加入jQueryUI（当前未包含）

这是密码

<script type="text/javascript">
var current_featured = 1;
var current_featured_index = 100;
var featured_interval_time = 4000;
var featured_interval = setInterval("advance_featured()", featured_interval_time);

function advance_featured() {
    featured = current_featured + 1;
    if (featured > 4) {
        featured = 1;    
    }
    switch_featured(featured);
}

function switch_featured(featured) {
    current_featured = featured;
    current_featured_index += 10;
    $(".home-featured-post-link").css( { "z-index" : current_featured_index + 10 } );
    $("#home-featured-post-" + current_featured).css( { "z-index" : current_featured_index, "display" : "none" } ).fadeIn();
}

$("#home-featured").hover(
    function() { clearInterval(featured_interval); },
    function() { featured_interval = setInterval("advance_featured()", featured_interval_time); });
</script>

无功电流_=1；
var电流指数=100；
var\u间隔时间=4000；
var characterized\u interval=setInterval（“advance\u characterized（）”，characterized\u interval\u time）；
函数advance_featured（）{
特色=当前特色+1；
如果（特征>4）{
特征=1；
}
交换机功能（功能化）；
}
功能开关\u精选（精选）{
当前_特色=特色；
当前指数+=10；
$（“.home-featured-post-link”）.css（{“z-index”：当前_-featured_-index+10}）；
$（“#主页特色文章-”+当前特色文章）.css（{“z-index”：当前特色文章索引，“display”：“none”）.fadeIn（）；
}
$（“#主页特色”）。悬停(
函数（）{clearInterval（特征间隔）；}，
函数（）{featured_interval=setInterval（“advance_featured（）”，featured_interval_time）；}）；

目前，它正在通过四个基本块进行旋转。我不是在尝试做任何事情，而是将动画从fadeIn效果更改为滑动动画。我想滑出旧块，同时滑入新块，但这不是必需的。我正努力使变化保持简单

---

谢谢，

创建公共演示并包括一些说明您想法的图片。嘿，下面是它的url地址：