`
chenxueyong
  • 浏览: 346035 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

页面左上角显示加载信息的 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下测试没有问题。

 

分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics