需要淡入和淡出文本

Question

我有两个 p 标签。

我只需要显示第一个 p 。

5 或 10 秒后，第一个 p 将淡出，第二个 p 将淡入。

另外，我希望两个文本随机淡入和淡出。

Answer 1

使用 .delay() 函数

JQuery 参考也可以帮助您

http://api.jquery.com

Answer 2

你可以使用这个：

<p id="ptag1">
        To learn more about ASP.NET visit <a href="http://www.asp.net" title="ASP.NET Website">www.asp.net</a>.
    </p>
    <p id="ptag2" style="display:none;">
        You can also find <a href="http://go.microsoft.com/fwlink/?LinkID=152368&clcid=0x409"
            title="MSDN ASP.NET Docs">documentation on ASP.NET at MSDN</a>.
    </p>


<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
        $(document).ready(function () {
            setTimeFor2Hide();
        });

        function setTimeFor1Hide() {
            setTimeout("$('#ptag1').fadeIn(500)", 1200);
            setTimeout("$('#ptag2').fadeOut(500)", 700);
            setTimeout("setTimeFor2Hide();", 1000);
        }

        function setTimeFor2Hide() {
            setTimeout("$('#ptag1').fadeOut(500)", 700);
            setTimeout("$('#ptag2').fadeIn(500)", 1200);
            setTimeout("setTimeFor1Hide();", 1000);
        }
    </script>