Question

我正在制作一个演示文稿的网页。该页面包含一个登录下拉面板，如下面的代码所示我可能在演示期间没有互联网连接，因此下面的代码不适合演示。需要有关制作等效下拉面板以供离线观看的建议。

<html>
    <head>
        <link rel="stylesheet" href="Style.css">
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
        </script>
        <script> 
            $(document).ready(function() {
                $("#flip").click(function() {
                    $("#panel").slideToggle("slow");
                });
            });
        </script>
    </head>
    <body class="flat_page">
        <div id="flip">
            <a href="#">Login</a>
        </div><br><br>
        <div id="panel">Name:<input type="Text" name="username"><br>
            Password:<input type="Password" name="username"><br>
            <button name="Login">Login</button>
        </div>
        </header>
    </body>
</html>

这是我在Stack Overflow中的第一个问题，我希望我没有用一个非常明显的答案提出问题。

Answer 1

Download a copy of jQuery并将其包含在与您的网页相同的目录中，然后引用它。根据任何子文件夹，您可以将jQuery的本地副本放入其中以确定您使用的src路径。拥有本地副本意味着您仍然可以在没有Internet连接的情况下使用jQuery代码。

<head>
<script src="jquery-1.10.2.min.js"></script>
</head>

更多详情here。

HTML页面的JavaScript下拉面板

1 个答案: