当前位置: 首页 > 面试题库 >

在整个HTML页面上等待光标

松雅昶
2023-03-14
问题内容

是否可以通过简单的方式将光标设置为在整个html页面上“等待”?这个想法是向用户显示ajax调用完成时发生了什么事情。下面的代码显示了我尝试过的简化版本,还演示了遇到的问题:

  1. 如果元素(#id1)设置了光标样式,则它将忽略主体上的一个设置(显然)
  2. 一些元素具有默认的光标样式(a),并且不会在悬停时显示等待光标
  3. 根据内容的不同,body元素具有一定的高度,如果页面较短,则光标将不会显示在页脚下方

考试:

<html>
    <head>
        <style type="text/css">
            #id1 {
                background-color: #06f;
                cursor: pointer;
            }

            #id2 {
                background-color: #f60;
            }
        </style>
    </head>
    <body>
        <div id="id1">cursor: pointer</div>
        <div id="id2">no cursor</div>
        <a href="#" onclick="document.body.style.cursor = 'wait'; return false">Do something</a>
    </body>
</html>

稍后编辑…
它在firefox和IE中与:

div#mask { display: none; cursor: wait; z-index: 9999; 
position: absolute; top: 0; left: 0; height: 100%; 
width: 100%; background-color: #fff; opacity: 0; filter: alpha(opacity = 0);}

<a href="#" onclick="document.getElementById('mask').style.display = 'block'; return false">
Do something</a>

此解决方案(或解决方案的功能)的问题在于,它会由于div重叠而阻止点击(感谢Kibbee)

稍后再编辑…
Dorward的一个更简单的解决方案:

.wait, .wait * { cursor: wait !important; }

然后

<a href="#" onclick="document.body.className = 'wait'; return false">Do something</a>

该解决方案仅显示等待光标,但允许单击。


问题答案:

我了解您可能对此没有控制权,但是您可能会选择一个“遮罩”的div,该div的z索引大于1来覆盖整个主体。如果您愿意,div的中心部分可以包含一条加载消息。

然后,您可以将光标设置为在div上等待,而不必担心链接位于蒙版div之下。这是“ masking div”的一些CSS示例

身体{身高:100%;}
div#mask {光标:等待;z索引:999;高度:100%; 宽度:100%; }


 类似资料:
  • 本文向大家介绍jQuery EasyUI 页面加载等待及页面等待层,包括了jQuery EasyUI 页面加载等待及页面等待层的使用技巧和注意事项,需要的朋友参考一下 下面一个代码片段是 easyUI 页面加载等待,代码如下所示: 下面看个工具类 基于easyui的页面等待提示层,即mask 效果图: 以上所述是小编给大家介绍的jQuery EasyUI 页面加载等待及页面等待层,希望对大家有所帮

  • 我正在使用Python 2.7与火狐的硒网络驱动程序,我有一个问题,我不能解决或在互联网上找到解决。我的任务是打开大约10k个网页(adsl路由器Web界面 - 通过IP地址)并上传新固件。我写了代码,但为了完成它,我必须学习如何使硒webdriver不要像永远一样等待页面加载,而是等待2分钟(这是新固件上传所需的时间),然后继续下一步。我以为我让它永远等待(等待路由器重新连接 - 速度慢得多,但

  • 我试图创建一个等待加载页面的方法,但我出现了一个错误。可能我没有正确使用这个方法。 错误是:

  • 问题内容: 我们正在为Web应用程序自动化,大多数情况下正在加载图标将显示在页面中心..我们需要等待dis加载图标出现 示例:在大多数情况下,我们都具有搜索功能,我们将获得此加载图标。 我们正在使用的Selenium Webdriver:id我们要完成加载的id是id =“ loading” ..请提供任何上述问题的解决方案。 我们有不同的功能,例如click和sendkeys 问题答案: 显式等

  • 问题内容: 您如何使Selenium 2.0等待页面加载? 问题答案: 你可以期望显示一些元素。类似于C#:

  • 问题内容: from bs4 import BeautifulSoup import urllib,sys reload(sys) sys.setdefaultencoding(“utf-8”) r = urllib.urlopen('https://twitter.com/ndtv’).read() soup = BeautifulSoup(r) 这不会使整个网页滚动到我想要的末尾,而只会滚动其