0

我有一个主页，其中包含一个 texfield，它读取用户输入，发送输入的任何值，并将其发送到将发生搜索并显示搜索结果的另一个页面。

 <div>
     <form action="****.jsp" method="get" id="search-id">
          <input type ="text" name = "search" id="search" size="70"/><br>
          <br />
          <input type="Submit" value="Search"  class="button rounded"> 
     </form>
     <br />
     <br />
     <br />
</div>

但问题是实际的第二页显示需要一些时间，因此我想在等待该页面实际加载的同时显示一些加载 gif。我有一个可以使用的 gif 文件，但我不知道如何在网站中实现它，以便在我单击搜索按钮后它会显示出来。

我很HTML/JS陌生，几天来我一直在寻找一种可能的方法。这可能吗？

4

2 回答 2

2

将提交事件处理程序添加到您的表单，使动画 gif 出现并且不会阻止表单提交。使用 JQuery 的示例：

$('#search-id').submit(function() {
    $('#animated-gif').show();
});

假设您在页面某处隐藏了动画 gif：

<img src="..." style="display: none;" id="animated-gif"/>
于 2013-01-05T13:57:27.440 回答
0

由于您是新手HTML，因此您需要搜索更多关于ajax and jquery. 这将理想地回答你的问题。也看看这个类似的问题。希望这会帮助你。

于 2013-01-05T14:04:10.610 回答