Javascript 如何在HTML中使用按钮播放动画？

我在正文的开头有一个名为

loading

的div，其

z-index

高于html中所有内部div的值。在div中，我放置了两个gif图像“一个类似于启动gif，另一个正在加载gif”

HTML

 <div id="loading">
    <img id="loading-image1" src="csi_files/loadsite2.gif" alt="Loading..." />
    <img id="loading-image2" src="csi_files/loadsite4.gif" alt="Loading..." />
 </div>

---

有人能帮我吗？

用这样的按钮来处理它

$(function() {
   $('button').click(function () {
      setTimeout(function(){
        $("#loading").remove()},8000);
   });
   $(".left_links").click(function(e) {
       $(".contents_div").hide();
       var activeDivId = $(this).attr("id") + "_div";
       $("#" + activeDivId).show();
       window.mlPushMenu._resetMenu();
   });
});

只有单击按钮，代码才会执行

要处理按钮HTML本身内部的事件，请编写以下代码

$(function () {
   function animationHandle() {
      // animation code here. i.e. setTimeout code.
   }
});

<button type="button" onclick="animationHandle()">

…在HTML中编写此

$(function () {
   function animationHandle() {
      // animation code here. i.e. setTimeout code.
   }
});

<button type="button" onclick="animationHandle()">

---

这就可以了。

我对javascript不熟悉。那么你能为button编写代码吗？@siddiQUE的，

$（'button'）。点击（函数（）{…}）东西是按钮的JS代码！：）我向button inside body tag的代码询问我必须在onclick中写什么？为什么要在处理程序中定义
animationHandle（）
，以
$（文档）。准备好了吗？不应该在外面吗？确切地说，你被困在哪里了？顺便说一句，这似乎是jQuery（一个JavaScript库），您可能希望将该标记添加到您的问题中。