Question

我有两个p标签。

我只需要先显示p。

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

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

Answer 1

您可以使用：

<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&amp;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>

Answer 2

使用.delay（）函数

JQuery参考也可以帮助你

http://api.jquery.com

需要淡入和淡出文本

2 个答案: