2

首先，我想为没有公开演示以及对 jQuery 非常陌生而道歉。

目前有一个非常基本的jQuery“滑块”脚本，它为刚刚分层的新内容触发淡入（据我所知）。我正在尝试使用缓动将此效果更改为幻灯片效果，并包含 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>

现在它正在通过四个基本块旋转。我没有尝试做任何事情，只是将动画从淡入淡出效果更改为滑动动画。我想在滑入新块的同时滑出旧块，但这不是必需的。我试图使更改保持简单。

谢谢，

4

0 回答 0