HTML页面的JavaScript下拉面板

我正在制作演示文稿的网页。该页面包含一个登录下拉面板，如下面的代码所示。
在演示过程中，我可能没有互联网连接，因此下面的代码不适合演示。需要关于制作等效下拉面板以供脱机查看的建议。HTML页面的JavaScript下拉面板

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

这是我在堆栈溢出的第一个问题，我希望我没有问一个问题可笑明显的答案。

来源

2014-02-21 SWAT

首先，链接到本地的jQuery副本，而不是Google CDN版本。 – j08691

哎呀，请缩进!!! – guy777

可以随时从googleapis.com下载JS脚本，并将其包含在本地 – SyntaxLAMP

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

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

更多详细信息here。

来源

2014-02-21 15:04:05 MattD

HTML页面的JavaScript下拉面板

回答

相关问题