2011年5月3日 星期二

jQuery的loading效果

227857_1936675906383_7980987_n

做網站的時候在頁面轉換的時候,為了避免讓使用者覺得網站掛掉,有些就會在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的畫面囉..

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

觀看效果
反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...