javascript编辑：将淡入功能添加到此脚本

当前，图像弹出，淡出，页面弹出。但是，我希望页面在淡出图像后淡入。javascript编辑：将淡入功能添加到此脚本

<html> 
<head> 
    <style type="text/css"> 
     #content { 
      display:none; 
      } 
    </style> 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(function(){ 
      setTimeout(function() { 
       $("#splash").fadeOut("slow", function() { 
        $("#content").show(); 
       }); 
      }, 500); 
     }); 
    </script> 
</head> 
<body> 
<div id="splash"> 
    <img src="http://farm1.static.flickr.com/215/482472428_5f2f592b64.jpg" /> 
</div> 
<div id="content"> 
    Content 
</div> 
</body> 
</html>

来源

2012-04-03 user1070385

变化$("#content").show();到$("#content").fadeIn("slow");

来源

2012-04-03 04:24:11 Albert

你的意思是：


$(document).ready(function() { 
    $("#splash").fadeOut("slow", function() { 
    $("#content").fadeIn(); 
    }); 
});

来源

2012-04-03 04:24:44

完美，谢谢！ – user1070385 2012-04-03 05:05:57

如果它对您有用，您可以将其标记为已接受 – 2012-04-03 11:10:43

我个人使用的文件准备好功能每次我使用jQuery的时间。

BTW：您使用的是过时的jQuery，使用此链接来代替：http://code.jquery.com/jquery-1.7.2.min.js

试试这个：

<html> 
<head> 
    <style type="text/css"> 
     #content { 
      display:none; 
      } 
    </style> 
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() { 
      $("#splash").fadeOut("slow"); 
      $("#content").delay(500).fadeIn(); 
     }); 
    </script> 
</head> 
<body> 
<div id="splash"> 
    <img src="http://farm1.static.flickr.com/215/482472428_5f2f592b64.jpg" /> 
</div> 
<div id="content"> 
    Content 
</div> 
</body> 
</html>

来源

2012-04-03 04:27:57 Eric

javascript编辑：将淡入功能添加到此脚本

回答

相关问题