`
chenxueyong
  • 浏览: 342003 次
  • 性别: 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下测试没有问题。

 

分享到:
评论

相关推荐

    javascr ipt 代码 图片图片固定在页面左上角.doc

    JavaScript代码固定图片在页面左上角 JavaScript是一种广泛应用于Web开发的脚本语言,用于实现客户端的交互功能。在Web开发中,JavaScript常用于图片的处理和操作。在本文中,我们将讨论如何使用JavaScript代码将...

    一款类似19楼左上角的广告代码

    标题中的“一款类似19楼左上角的广告代码”指的是在网页设计或者开发中,创建的一种广告展示方式,模仿了19楼论坛(一个知名的网络社区)在页面左上角的广告布局和功能。这类广告通常以动态或静态的形式出现,可能是...

    从左上角斜切换出来的图片特效

    "从左上角斜切换出来的图片特效"是一种常见的动态效果,常用于展示新内容或者进行页面过渡,它使得图像的出现更加生动和有趣。这种特效通常通过编程或使用图形设计软件来实现。 1. **CSS3动画**: CSS3是CSS的最新...

    MSN左上角flash伸缩广告代码

    "MSN左上角flash伸缩广告代码"就是一个典型的例子,它涉及到Flash动画、JavaScript以及网页布局等多个方面的知识。 首先,我们需要了解Flash。Flash是一款由Adobe公司开发的多媒体创作工具,它允许设计师创建矢量...

    MSN左上角flash伸缩广告代码的js广告代码.rar

    本话题聚焦于"MSN左上角flash伸缩广告代码的js广告代码",这是一种利用JavaScript实现的动态广告展示技术。这种技术允许广告在网页的特定位置,如MSN网站的左上角,以吸引用户的注意力。 首先,我们来理解"Flash...

    javascript经典特效---左上角导航菜单.rar

    布局方面,可以使用CSS将这个菜单定位到页面的左上角,并设置合适的样式使其符合设计需求。 接着,使用JavaScript来添加动态效果。这可能包括以下几种: 1. **鼠标悬停效果**:当用户将鼠标移到菜单项上时,可以...

    JavaScript实现模仿MSN左上角flash伸缩广告源码

    本文将深入探讨如何使用JavaScript实现模仿MSN左上角的Flash伸缩广告效果,这是一种常见的动态广告展示方式,它能吸引用户的注意力并提高广告的可见性。 首先,让我们了解JavaScript的基本结构。JavaScript代码通常...

    jQuery左上角点击下拉导航菜单.zip

    本项目“jQuery左上角点击下拉导航菜单”是针对前端开发的一个实例,利用了JavaScript库jQuery来实现一个功能丰富的导航菜单,该菜单位于页面左上角,并在点击后展示下拉选项。下面我们将详细探讨这个项目所涉及的...

    左上角导航菜单(在传).rar

    "左上角导航菜单"是一个常见的设计元素,尤其在网页和应用程序中,它通常位于屏幕的左上角,为用户提供主要的功能选项和页面跳转路径。 在“左上角导航菜单”的设计中,有几个关键知识点需要考虑: 1. **位置选择*...

    jQuery左上角圆形菜单展开收缩特效.zip

    在本文中,我们将深入探讨如何实现一个基于jQuery的左上角圆形菜单的展开与收缩特效。这个特效结合了CSS、HTML5以及JavaScript技术,为网页交互带来独特且吸引人的用户体验。我们将从以下几个方面来详细讲解这个特效...

    页面换肤

    许多前端开发框架,如Bootstrap、Angular Material、React和Vue.js,都提供了内置的主题系统,允许开发者轻松实现页面换肤功能。这些框架通常提供了一套完整的样式组件,用户只需更改主题变量即可改变整个应用的...

    页面loading效果插件 for z-blog.rar

    这个插件的引入,使得z-Blog用户能够轻松地在博客的左上角添加一个绿色的"正在载入……"提示,这个提示不仅美观,而且能有效提示用户页面正在加载,避免了用户因为看到空白页面而过早离开的情况。 加载动画的设计...

    【JavaScript源代码】JavaScript canvas实现加载图片.docx

    `drawImage`接受多个参数,如源图像、起始绘制位置等,这里我们将图片的左上角设为画布的原点(0,0)。 最后,为了释放内存,使用`URL.revokeObjectURL(this.src)`撤销之前创建的文件URL。 这是一个基础的Canvas图片...

    PDFobject.js

    3. **参数配置**:PDFObject.js 支持多种参数来自定义PDF的显示效果,如宽度、高度、页面布局等。例如: ```javascript var options = { width: '500px', height: '600px', page: 2 // 显示第二页 }; var ...

    若依 修改默认跳转页面 demo

    了解Vue Router的路由守卫(如beforeEach)以及如何通过配置文件(router.js)来设定默认路由,是修改默认跳转页面的关键。 5. **后端配置**:在服务器端,我们可能需要修改Spring Boot的配置文件(application.yml...

    iframe中页面显示不全1

    `position: absolute`使`<iframe>`相对于其最近的非静态定位祖先(这里就是`<div>`)定位,`top`和`left`属性设置为0,使得`<iframe>`与`<div>`的左上角对齐。`width: 100%`和`height: 100%`确保`<iframe>`填充`...

    按钮背景 文字 背景图的改变

    它的颜色、图案或透明度可以显著影响按钮在页面上的突出程度。设计师通常会选择对比鲜明的颜色以使按钮更加醒目,或者使用渐变、纹理或图片作为背景,增加视觉层次感。改变按钮背景可以通过CSS(层叠样式表)进行,...

    openlayers加载本地离线底图瓦片google数据直接运行即可(亲测)

    瓦片的索引通常基于行列号,从左上角(0,0)开始,随着行号增加向南移动,列号增加向东移动。 加载离线瓦片的关键在于构建正确的URL模板。在描述中提到,只需修改代码中的URL,就可以实现从本地文件系统加载瓦片...

    在线打开pdf

    这样的代码会将指定PDF文件加载到页面中显示。 2. **PDF.js**:PDF.js是Mozilla开源的一个项目,它允许开发者在浏览器中解析和渲染PDF文档,提供良好的用户体验,包括平滑的滚动、缩放、书签和注释功能。使用PDF....

    HTML5带左右箭头可拖动幻灯片代码.zip

    此外,为了增强可用性和用户体验,该组件可能还包括一些辅助功能,如自动播放、延迟加载图片、触屏设备的支持等。这些特性可以提高网站的性能,减少网络流量,同时确保在不同设备上的良好表现。 总的来说,"HTML5带...

Global site tag (gtag.js) - Google Analytics