Javascript 如何使用JQuery加载gif图像

如果按下以下按钮（这是Struts 2库中的提交按钮），我想显示gif图像：

如果用户单击submit按钮，我如何确保gif图像将设置动画？即使用户点击网页上的某个地方，也可以将gif图像放置在前景中吗

//编辑

我已经编写了以下Ajax代码，如果按下submit按钮，将会执行这些代码，但在服务器端处理完成后，gif图像不会设置动画，也不会消失：

function (){
    $('#myDomObject').empty();
}

function createLoadingLabel(){

   $('#myDomObject').html('<div id="loadingDiv"><h1>One moment please ...</h1><p align="center"><input style="border:0px" type="image" src="/images/myGifImage.gif" title="loading..."/></p></div>');                   

            $.post("myStrutsActionClass.action", 
                        {firstParam:selectedValue1, secondParam:selectedValue2}, 
                        function(data) {                        
                            $('#myDomObject').empty();
                        });   
}

函数createLoadingLabel（）{
$（'#myDomObject'）.html（'请稍等…
）；
$.post（“myStrutsActionClass.action”，
{firstParam:selectedValue1，secondParam:selectedValue2}，
函数（数据）{
$（'#myDomObject'）.empty（）；
});   
}

此方法通过以下方式注册：

<s:submit value="show" onclick="createLoadingLabel(); return false" />

检查此解决方案您需要停止表单提交，否则您的页面将在gif显示之前重新加载，请将onclick更改为：

onclick=“createLoadingLabel（）；return false”

您应该调用，他知道关于动画礼物的一切在表单元素上提交，在表单元素内部返回false。@adeno-Thx，你让我开心…检查此解决方案你需要停止表单提交，否则你的页面将在gif显示之前重新加载，请将你的onclick更改为：

onclick=“createLoadingLabel（）；return false”

你应该调用，他知道关于动画礼物的一切在表单元素上提交，在表单元素内部返回false。@adeneo Thx，你让我开心。。。

function (){
    $('#myDomObject').empty();
}

function createLoadingLabel(){

   $('#myDomObject').html('<div id="loadingDiv"><h1>One moment please ...</h1><p align="center"><input style="border:0px" type="image" src="/images/myGifImage.gif" title="loading..."/></p></div>');                   

            $.post("myStrutsActionClass.action", 
                        {firstParam:selectedValue1, secondParam:selectedValue2}, 
                        function(data) {                        
                            $('#myDomObject').empty();
                        });   
}

<s:submit value="show" onclick="createLoadingLabel(); return false" />