正在加载 效果的实现代码

 

 

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="mytest.aspx.cs" Inherits="CrazyAuchan.mytest" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Script/core/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        $(function(){
            $("#btnok").click(function(){
                show();
            });

            $("#loading").click(function () {
                hide();
            });
        });
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <input type="text" style="width:200px"/> <br />
        <input type="button" id="btnok" value="显示加载" οnclick="close();"/>

        <div id="loading" style="position:absolute;top:0;left:0;height:100%; width:100%; z-index:999; background:#000 url(loaderc.gif) no-repeat center center; opacity:0.5; filter:alpha(opacity=60);font-size:14px;line-height:20px; display:none;"> 
            <p id="loading-one" style="color:#fff;position:absolute; top:50%; left:50%; margin:20px 0 0 -50px; padding:3px 10px;">

页面加载中...</p> 
        </div> 
<script type="text/javascript"> 
    function show()
    {
        $("#loading").show();
    }

 function hide(){ 
     $("#loading").hide();
 } 
 
</script>

    </div>
    </form>
</body>
</html>

 

 


 

转载于:https://www.cnblogs.com/itjeff/p/4042966.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,下面是使用Qt代码实现遮罩层实现等待加载效果的示例代码: ```python from PyQt5.QtCore import QSize, Qt, QThread, pyqtSignal from PyQt5.QtGui import QMovie from PyQt5.QtWidgets import QApplication, QWidget, QLabel class LoadingMask(QWidget): def __init__(self, parent): super().__init__(parent) self.setFixedSize(parent.size()) self.setStyleSheet('background-color: rgba(0, 0, 0, 128);') self.movie = QMovie('loading.gif') self.movie.setScaledSize(QSize(100, 100)) label = QLabel(self) label.setMovie(self.movie) label.move(self.width() // 2 - 50, self.height() // 2 - 50) def start(self): self.movie.start() def stop(self): self.movie.stop() self.hide() class WorkerThread(QThread): finished = pyqtSignal() def run(self): # 模拟耗时操作 import time time.sleep(5) self.finished.emit() class MainWindow(QWidget): def __init__(self): super().__init__() self.setWindowTitle('遮罩层实现等待加载效果') self.resize(500, 500) self.loading_mask = LoadingMask(self) self.worker_thread = WorkerThread(self) self.worker_thread.finished.connect(self.on_finished) def on_finished(self): self.loading_mask.stop() def do_something(self): self.loading_mask.start() self.worker_thread.start() if __name__ == '__main__': import sys app = QApplication(sys.argv) window = MainWindow() window.show() window.do_something() sys.exit(app.exec_()) ``` 这个示例代码中,首先定义了一个LoadingMask类,它继承自QWidget,用于实现遮罩层和等待加载动画的显示和隐藏。在LoadingMask的构造函数中,设置其大小和背景颜色,并创建一个QMovie用于加载动画gif,然后将QMovie放置在遮罩层中央。start和stop方法用于启动和停止动画和遮罩层的显示。 MainWindow继承自QWidget,是主窗口类。它包含了一个LoadingMask实例和一个WorkerThread实例。do_something方法用于启动等待加载的操作,它首先调用LoadingMask的start方法显示遮罩层和加载动画,然后启动WorkerThread执行耗时操作。WorkerThread是QThread的子类,用于模拟耗时操作,它执行完成后会发送一个finished信号。MainWindow的on_finished方法用于接收WorkerThread发送的finished信号,并调用LoadingMask的stop方法隐藏遮罩层和动画。 在主函数中,创建一个QApplication实例和MainWindow实例,然后调用MainWindow的show方法显示主窗口,并调用do_something方法启动等待加载的操作。最后调用QApplication的exec_方法进入Qt事件循环。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值