如何使用jquery为文本幻灯片添加淡入和淡出效果

时间:2015-01-20 19:07:23

标签: javascript jquery arrays gallery

如何使用jquery

为文本幻灯片添加淡入和淡出效果

我希望每个引用淡入淡出而不是消失并再次出现。

   <head>
    <script>
    var counter = 0;

    function changeText()
    {
    var quotes = new Array();

    quotes[0] = "quote1";
    quotes[1] = "quote2";
    quotes[2] = "quote3";
    quotes[3] = "quote4";
    quotes[4] = "quote5";

    if (counter > 4)
        {
        counter = 0;
        }

    document.getElementById("textslide").innerHTML = quotes[counter];

    setTimeout(function(){changeText()},10000);
    counter ++;
    }
    </script>
</head>
<body onload="changeText();">
    <p id="textslide"></p>
</body>

1 个答案:

答案 0 :(得分:2)

您可以有效地使用Jquery的fadein()fadeout()

$( "#DivID" ).fadeIn( "slow", function() {
    //  After Animation complete
  });