如何将加载图像添加到JavaScript代码中

我是JavaScript新手，ِ 我所需要的就是在提交表单时，在下面的脚本中添加一个加载图像（gif）

我将代码与互联网上可用的脚本（类似Facebook的jQuery注册表）一起使用

需要帮忙吗

$(document).ready(function () {
    $('#regForm').submit(function (e) {
        register();
        e.preventDefault();
    });
});

function register() {
    hideshow('loading', 1);
    error(0);
    $.ajax({
        type: "POST",
        url: "submit.php",
        data: $('#regForm').serialize(),
        dataType: "json",
        success: function (msg) {
            if (parseInt(msg.status) == 1) {
                window.location = msg.txt;
            } else if (parseInt(msg.status) == 0) {
                error(1, msg.txt);
            }
            hideshow('loading', 0);
        }
    });
}

function hideshow(el, act) {
    if (act) $('#' + el).css('visibility', 'visible');
    else $('#' + el).css('visibility', 'hidden');
}

function error(act, txt) {
    hideshow('error', act);
    if (txt) $('#error').html(txt);
}

---

您需要2个元素，在html中类似

<img src="loading.gif" id="loading" style="visibility:hidden"> 

（将显示hideshow（'loading'，1），并在服务器响应时再次隐藏。还有另一个

<img src="error.gif" id="error" style="visibility:hidden"> 

对于这个错误。 当然，load.gif和error.gif可以是任何有效的图像文件