jQuery的loading效果

做網站的時候在頁面轉換的時候，為了避免讓使用者覺得網站掛掉，有些就會在loading的時候加上loading中的效果，現在就用jQuery來做這樣的效果。

首先先到這邊來抓外掛BlockUI Plugin

使用方法也很簡單.. jQuery真的是好朋友阿..

首先指定你要加入loading效果的元件
$('id, class or else').click(function()
然後加入你想呈現的內容
message: $('sth'),
裡面也可以去指定元件

之後可以加一些樣式上的設定
css: {top: ($(window).height() - 60) /2 + 'px',
left: ($(window).width() - 60) /2 + 'px',
...
}
就可以在loading中跑出loading的畫面囉..

更多的說明就到開發者的網站去看看吧。

觀看效果