Question

我希望引号开始淡入/淡出，只需单击屏幕即可进入下一个。现在的样子，第一个引用在我到达那个页面之前开始，它有点令人困惑。它是一个滚动网站。

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
(function() {

    var quotes = $(".quotes");
    var quoteIndex = -1;

    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeIn(2500)
            .delay(2200)
            .fadeOut(4500, showNextQuote);
    }

    showNextQuote();

})();
</script>

Answer 1

如果您希望等待点击，请不要在最后一行自动运行/* PHP SDK v4.0.0 */ /* make the API call */ $request = new FacebookRequest( $session, 'GET', '/me/feed' ); $response = $request->execute(); $graphObject = $response->getGraphObject(); /* handle the result */。将其添加到点击事件中：

showNextQuote()

自动显示第一个：

$(document).on('click', showNextQuote );

然后需要点击下一个开始。

Answer 2

尝试用$(document).ready(fn)别名$(function() {})代替IIFE (function() {})(); .fadeTo()和.fadeIn()的{{1}};将.fadeOut()事件分配给click并将$(window)设置为showNextQuote事件的处理程序

click

$(function() {

    var quotes = $(".quotes");
    var quoteIndex = -1;

    function showNextQuote() {
        ++quoteIndex;
        quotes.eq(quoteIndex % quotes.length)
            .fadeTo(2500, 1)
            .delay(2200)
            .fadeTo(4500, 0);
    }

    $(window).on("click", showNextQuote);

});

body {
  width:400px;
  height:300px;
}

.quotes {
  opacity:0;
}

使用Click淡入淡出

2 个答案: