Jquery BlockUI Spin是一個非常有用的插件，可以在網頁加載時顯示“加載中”的動畫，提高用戶體驗。它的使用非常簡單，只需要引入Jquery和blockui.spin.js文件就可以了。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.blockui/2.70.1/jquery.blockUI.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.blockui.spin/1.2.0/jquery.blockUI.spin.min.js"></script>

引入文件后，就可以使用blockUI.spin()方法了。使用方法非常簡單，只需要調用該方法即可，如下所示：

$.blockUI({
message: '<h1> 加載中...</h1>',
css: {
border: 'none', 
padding: '15px', 
backgroundColor: '#000', 
'-webkit-border-radius': '10px', 
'-moz-border-radius': '10px', 
opacity: .5, 
color: '#fff'
}
});

在調用該方法時，可以設置message屬性來自定義顯示的信息，css屬性來設置樣式。這樣，在網頁加載時，會出現(xiàn)一個“加載中”的動畫，提升了用戶體驗。

同時，在使用該插件時，要注意在數(shù)據(jù)加載完成后，要使用$.unblockUI()方法來停止加載中的動畫，例如：

$.ajax({
url: "example.php",
success: function(data){
// 加載數(shù)據(jù)成功
$.unblockUI();
},
error:function(){
// 加載數(shù)據(jù)失敗
$.unblockUI();
}
});

以上代碼中，在ajax請求成功或失敗后，都會使用$.unblockUI()方法來停止加載中的動畫。

總之，Jquery BlockUI Spin插件可以很好的提升用戶體驗，使用也非常簡單。在開發(fā)過程中，建議使用該插件來優(yōu)化網頁體驗。