页面加载数据过程中的提示效果

</style>    
.loading {
        width: 160px;
        height: 56px;
        position: absolute;
        top: 50%;
        left: 50%;
        line-height: 56px;
        color: #fff;
        padding-left: 60px;
        font-size: 15px;
        background:url('../../images/loading.gif') no-repeat 10px 50%;
        opacity: 0.7;
        z-index: 9999;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px;
        border-radius: 20px;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
    } 
</style>
<div id="loading" class="loading">加载中...</div>

当数据加载出来后将这个div删除即可

posted @ 2018-03-06 17:27  .NET_海  阅读(169)  评论(0编辑  收藏  举报