chenxueyong 发表于 2013-2-7 16:25:10

页面左上角显示加载信息的 JS

页面左上角显示加载信息的 JS
    //加载AJAX提示
    function LoadAjaxIco(text)
    {
    try{
        if(text == null || text ==““)
            text = “正在加载“;
        var element = document.createElement(“span“);
        var img = document.createElement(“img“);
        var spn = document.createElement(“span“);
        spn.innerHTML = “ “ + text + “...“;
        spn.style.color=“#000000“;
        img.setAttribute(“src“,“/images/loading.gif“);
        img.setAttribute(“align“,“absmiddle“);
        img.setAttribute(“border“,“0px“);
        element.setAttribute(“id“,“AjaxIcoDiv“);
        element.style.position = “absolute“;
        element.style.textAlign = “center“;
        element.style.padding = “4px 4px 4px 4px“;
        element.style.top = document.body.scrollTop + “px“; //这里还需处理.避免麻烦就直接删掉了页面的〈!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN“ “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd“〉
        element.style.width = “100“;
        element.style.height = “20px“;
        element.style.backgroundColor= “#ffffff“;
        element.style.left = (document.body.scrollWidth - 105) + “px“;//这里还需处理.
        element.appendChild(img);
        element.appendChild(spn);
        document.body.appendChild(element);
    }
    catch(e){}
    }
    //卸载AJAX提示
    function UnLoadAjaxIco()
    {
    try{
    document.body.removeChild(document.getElementById(“AjaxIcoDiv“));
    }
    catch(e){}
    }
    在IE和FF下测试没有问题。
 
页: [1]
查看完整版本: 页面左上角显示加载信息的 JS