隨著Web2.0的興起，動態網頁的需求越來越大，其中一個常見的需求就是在不刷新頁面的情況下，通過鼠標滑動加載更多的文章。這時候，jQuery就是開發者們的好幫手。
//獲取到滾動條的位置
$(window).scroll(function(){
var scrollTop = $(this).scrollTop();
//獲取到頁面內容的高度
var docHeight = $(document).height();
//獲取到可視區域的高度
var windowHeight = $(this).height();
//當滾動條滑到底部時
if(docHeight - (scrollTop + windowHeight)< 50) {
//發送ajax請求獲取更多數據
$.ajax({
url: 'load-more.php',
type: 'post',
dataType: 'json',
data: {page:page},
success: function(data) {
//如果有更多的數據
if(data.length >0) {
//將獲取到的新數據添加到頁面中
for(var i=0; i'+data[i].title+'
'+data[i].content+'
以上代碼就是實現鼠標滑動加載更多的核心代碼，通過監聽滾動條的位置來觸發ajax請求，獲取更多的數據，然后將新數據添加到頁面中。需要注意的是，當沒有更多的數據時，要移除滾動事件，否則會一直發送ajax請求。