Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何在顶端页面中使用加载gif?

如何在顶端页面中使用加载gif?
EN

Stack Overflow用户
提问于 2020-04-06 14:34:18
回答 1查看 924关注 0票数 0

我想在执行查询时在顶层页面中使用加载gif :我有一个按钮,在它后面我使用动态动作来执行查询,在javascript中的页面属性部分,我写了这些:https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.2/modernizr.js,在css部分,在内联中,我写道:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
.no-js #loader { display: none;  }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(#APP_IMAGES#Preloader_1.gif) center no-repeat #fff;
}

最后,在我的按钮后面,在动态操作中,我创建了一个真正的操作(执行javascript代码),并编写了以下代码:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
$(window).load(function() {
    $(".se-pre-con").fadeOut("slow");;
});

在那之后,我创建了另一个真正的操作(执行pl/sql代码)来执行查询。

我期望当我点击按钮时,我看到gif加载,直到我的查询完成,但我没有t it and i havent任何错误。

我的错误是什么?

谢谢

EN

回答 1

Stack Overflow用户

发布于 2020-04-08 19:07:51

你知道这里有一个内置的API吗?只需调用apex.util.showSpinnerhttps://docs.oracle.com/en/database/oracle/application-express/19.2/aexjs/apex.util.html#.showSpinner

然后,您可以对返回的对象调用remove

下面是文档中的一个示例:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
var lSpinner$ = apex.util.showSpinner($( "#container_id"));

// Then later...
lSpinner$.remove();
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/61062219

复制
相关文章
如何在 Photoshop 中制作 GIF 动画
您可能已经使用过一些在线 gif 生成器来快速生成 gif 图像,但这些在线生成器无法提供与 Photoshop 相同的灵活性和结果。
西门吹雪1997
2023/10/10
4910
加载gif(Android开源项目)
使用时只需要把pl.droidsonroids.gif包和libs文件夹拷到相对应的位置,然后调用如下代码加载就行
提莫队长
2019/02/21
8070
给Emlog添加页面加载(加载中)特效
为了加强浏览者的体验,不在等待页面加载时感到枯燥,从而关闭网页,很多网站都会制作一个“网页正在加载中”的提示效果或显示加载进程,加载完成后提示消失,大部分都应用在网站的首页,今天我教大家把这一特效添加到Emlog主题中。要实现该特效同样要用到jquery,如果大家和我目前用的主题一样,为了实现其它特效已提前加载了jquery,那么正好充分利用jquery的强大功能,添加此特效何乐而不为呢?当然仅仅为了实现这个特效,而去加载50几K的jquery就有点得不偿失了。
用户8099761
2023/05/10
1K0
顶端迭代器
给定一个迭代器类的接口,接口包含两个方法:next()和hasNext()。设计并实现一个支持peek()操作的顶端迭代器--其本质就是把原本应由next()方法返回的元素peek()出来。
WindRunnerMax
2020/08/27
3350
vue 重新加载页面_页面重新加载
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
全栈程序员站长
2022/11/03
4.7K0
如何在 WordPress 中创建登录页面
登陆页面: 登陆页面是为特定受众制定的具有特定目标的目标页面,可以描述为“一页一目的”。登陆页面必须有一个“号召性用语”,并牢记特定目标。成功的着陆页是具有更高转化率、更高参与度和更高质量潜在客户的页面。
海拥
2022/10/04
2.9K0
如何在 WordPress 中创建登录页面
如何在页面中引入JS教程
须位于 <script> 与 </script> 标签之间,放置在 HTML 页面的 <body> 或者 <head> 标签中:
小小鱼儿小小林
2020/06/23
5.5K0
使用 Google Analytics 统计页面加载时间
Google 已经把页面加载速度纳入了页面排名影响因素,所以现在建立一个对搜索引擎友好的站点,除了要进行 SEO (页面优化和获取外链即)之外,还要考虑选择一个运行稳定而且速度不错的主机,以及网站程序的优化。
Denis
2023/04/14
1.7K0
使用 Google Analytics 统计页面加载时间
FLAnimatedImage -ios gif图片加载框架介绍
简介 FLAnimatedImage 是 Flipboard 团队开发的在它们 App 中渲染 GIF 图片使用的库。 后来 Flipboard 将 FLAnimatedImage 开源出来供大家使用。本文章主要是介绍FLAnimatedImage框架的GIF动画加载和播放流程,旨在说明流程和主要细节点。 ios原有加载缺陷分析 大家知道在 iOS 中处理过 GIF 图片, 如果通过原生系统提供的能力, 可能只有两种方式。 并且这两种方式都不是专门针对于 GIF 的解决方案,更像是一种 hack。 第一
xiangzhihong
2018/02/05
3.9K0
FLAnimatedImage -ios gif图片加载框架介绍
FLAnimatedImage -ios gif图片加载框架介绍
简介 FLAnimatedImage 是 Flipboard 团队开发的在它们 App 中渲染 GIF 图片使用的库。 后来 Flipboard 将 FLAnimatedImage 开源出来供大家使用。本文章主要是介绍FLAnimatedImage框架的GIF动画加载和播放流程,旨在说明流程和主要细节点。 ios原有加载缺陷分析 大家知道在 iOS 中处理过 GIF 图片, 如果通过原生系统提供的能力, 可能只有两种方式。 并且这两种方式都不是专门针对于 GIF 的解决方案,更像是一种 hack。 第一种方
xiangzhihong
2018/01/26
1.7K0
页面加载代码
在footer文件添加以下内容 少女祈祷中... document.onreadystatechange = function()   //当页面加载状态改变的时候执行function {    if(document.readyState == "complete"){ var df = document.getElementsByClassName("Bg_Th")[0]; df.style.display="none";   } } 自
云计算小黑
2022/12/28
3.1K0
页面加载代码
在footer.php文件最下面添加以下内容 院长正在为您加急渲染... document.onreadystatechange = function()   //当页面加载状态改变的时候执行function {    if(document.readyState == "complete"){ var df = document.getElementsByClassName("Bg_Th")[0];
院长技术
2022/03/10
3K0
Confluence 如何在页面中显示目录
在默认情况下,Confluence 是不能在页面中显示目录和当前页面中的内容导航的。
HoneyMoose
2021/12/14
2K0
Confluence 如何在页面中显示目录
在默认情况下,Confluence 是不能在页面中显示目录和当前页面中的内容导航的。
HoneyMoose
2022/01/11
2.5K0
Confluence 如何在页面中显示目录
elementui的loading加载页面的使用方式
elementui的loading加载页面使用十分简单灵活,参考下面方式 this.loading=this.$loading({ lock: true, text: "正在连接...", spinner: 'el-icon-phone-outline', background: 'rgba(0, 0, 0, 0.7
唯一Chat
2022/10/28
1.3K0
3.Python图形界面加载GIF
前面我们已经通过wxPython搭建了简单界面。通过wxPython库的wx.StaticText类可以在窗体上显示静态文字,通过wx.Timer类可以控制文字显示的时间。下面我们要通过这个窗体加载显示GIF动态图片。具体实现见代码:
用户4381798
2020/07/30
9660
pyqt5 等待界面 (QMovie 加载 gif)
loading.gif是从 http://www.sucaijishi.com/gif-11-57-1.html找的图
zmh-program
2023/02/06
1.6K0
Android 9.0使用WebView加载Url时,显示页面无法加载
最近使用WebView加载Url显示页面,因为之前已经使用过很多次这种方式了,打包后在6.0的测试机上测试没什么问题,然后安心的将包给测试,测试大佬的手机系统是Android 9.0的,所以就出现了页面无法加载的情况,还以为是自己代码哪里写错了,检查了很多遍都没发现什么问题,然后在5.0,7.0,8.0的测试机上测试都没问题,那就想到是9.0系统问题了,先看页面报错图:
SoullessCoder
2019/08/07
7.3K0
Android 9.0使用WebView加载Url时,显示页面无法加载
点击加载更多

相似问题

如何在页面加载前使用gif制作预加载器?

30

如何在页面加载时显示加载gif图像

12

在页面加载时加载gif

13

加载gif,直到页面完全加载。

20

如何在页面加载时延迟启动gif?

219
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文