1

我是使用 Jquery 的新手。我想要实现的是淡入页面上的任何元素。但是，我的页眉和页脚是通过使用 PHP include() 显示的，我可以使用 Jquery 和这种格式吗？我无法得到任何东西来淡入淡出（）。

  <!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 回答
1

但是，我的页眉和页脚是通过使用 PHP include() 显示的，我可以使用 Jquery 和这种格式吗？

是的。这个设置发生在服务器端，甚至在 jQuery 看到它之前。您的服务器端 PHP 代码所做的是将 HTML 页面发送到浏览器。那时，客户端是 JavaScript（包括 jQuery）运行的时候。它所看到的只是文档的客户端结果，而不是它在服务器端的构建方式。

我无法得到任何东西来淡入淡出（）

您尝试使用该代码淡入的内容已经显示。它需要首先隐藏，然后才能淡入视野。您可以将其设置为隐藏在页面的 CSS 中：

#nav { display: none; }

这样做是#nav在页面首次加载时呈现默认隐藏的元素。然后你的 JavaScript 代码会使用 jQuery 淡化它。

于 2013-09-17T18:28:10.707 回答
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>

查询：

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