Редактирование javascript: добавьте в этот скрипт функцию постепенного изменения - PullRequest
Новая
       9

Редактирование javascript: добавьте в этот скрипт функцию постепенного изменения

0 голосов
/ 03 апреля 2012

В настоящее время изображение всплывает, исчезает, и страница появляется. Однако я хотел бы, чтобы страница исчезала после исчезновения заставки. 

<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>

Ответы [ 3 ]

0 голосов
/ 03 апреля 2012

Вы имеете в виду: 


$(document).ready(function() {
  $("#splash").fadeOut("slow", function() {
    $("#content").fadeIn();
  });
});
0 голосов
/ 03 апреля 2012

Я лично использую функцию готовности документа каждый раз, когда использую jQuery.

Кстати: вы используете устаревший 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>
0 голосов
/ 03 апреля 2012

Изменить $("#content").show(); на $("#content").fadeIn("slow");

...