用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月忘记密码?

发表随想


还能输入:200字
云代码 - html代码库

按钮加载中

2017-08-06 作者:知行合一心举报

[html]代码库

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>加载中</title>
</head>
<!-- jQuery -->
<script src="../js/jquery.min.js"></script>
<style>
    .cover {
        text-align: center;
        position: fixed;
        left: 500px;
        top: 200px;
    }

    /* #loading {
         position: relative;
         left: 20px;
         top: -10px;
         width: 30px;
         height: 30px;
         display: none;
     }*/

    #loading {
        position: relative;
        left: 5px;
        top: 1px;
        width: 50px;
        height: 20px;
        display: none;
    }
</style>
<body>
<div class="cover">
    <button class="cover" id="saveBtn" onclick="test()">测试按钮</button>
    <!--<img id="loading" src="../img/loading.gif"/>-->
    <img id="loading" src="../img/loading2.gif"/>
    <button id="closeBtn" onclick="testBtn1()">关闭</button>
</div>
</body>
<script>
    function test() {
        $('#saveBtn').css('opacity', '0.2');
        /*$('#loading').css('display', 'block');*/
        $('#loading').css('display', 'block');
    }
    function testBtn1() {
        $('#saveBtn').css('opacity', '');
        /*$("#loading").css('display', 'none');*/
        $("#loading").css('display', 'none');
    }
</script>
</html>

[源代码打包下载]




分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。