1

私はJqueryを初めて使用します。私が達成しようとしているのは、ページ上の要素をフェードインすることです。しかし、PHP の include() を使用してヘッダーとフッターが表示されていますが、このタイプのフォーマットで Jquery を使用できますか? 私はfadeIn()に何かを得ることができません.

  <!DOCTYPE html>
   <head>
   <title> <Header> </title>

enter code here
   <script src="jquery-1.10.2.min.js"></script>

   <script>

      $(document).ready(function(){
        $('#nav').fadeIn(3000);
    });

   </script>

  </head>
 <body>
 <div id="wrapper">

    <div id="header">
        <h1>Films.com</h1>
    </div>

    <div id="content">

        <div id="nav">

            <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="film.php">Film</a></li>
                <li><a href="add_film.php">Add a Film</a></li>


            </ul>

        </div>
4

3 に答える 3

3

フェードインしたい要素は非表示にする必要があります。

 <div id="nav" style="display:none;">

            <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="film.php">Film</a></li>
                <li><a href="add_film.php">Add a Film</a></li>


            </ul>

        </div>
于 2013-09-17T18:26:22.607 に答える
0

[解決済み]これを試してください：

http://jsfiddle.net/F6mUn/1/

フェードインするには、それぞれのコンテンツを非表示にする必要があります。

コードは次のとおりです。

HTML:

 <div id="nav" style="display:none;">

            <ul>
                <li><a href="index.php">Home</a></li>
                <li><a href="film.php">Film</a></li>
                <li><a href="add_film.php">Add a Film</a></li>


            </ul>

        </div>

JQuery:

  $(document).ready(function(){
    $('#nav').fadeIn(5000);
});
于 2013-09-18T05:55:32.407 に答える