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

</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删除即可

转载于:https://www.cnblogs.com/bin521/p/8515590.html