У меня есть два p тега.
p
Мне нужно показать только сначала p.
Через 5 или 10 секунд первый p исчезнет, а второй p появится.
Кроме того, я бы хотел, чтобы оба текста произвольно появлялись и исчезали.
Вы можете использовать это:
<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>
Использовать функцию .delay ()
Справка JQuery вам тоже может помочь
http://api.jquery.com