WordPress 模板的首页 ajax 翻页以前在很多地方都看到过，比如天空团，Bigfa，Kayosite，查看了一下他们的源码，研究了一下自己主题的结构，本站现在用的主题也是用上了 ajax 首页翻页效果。
$(function(){ $body = (window.opera) ? (document.compatMode == 'CSS1Compat' ? $('html') : $('body')) : $('html,body'); $('#postnavigation a').live('click', function(e){ e.preventDefault(); $.ajax({ type: 'GET', url: $(this).attr('href'), beforeSend: function(){ $('#content').slideUp(400, function(){$('#content').remove();}); $('#loop-loading').slideDown(); $body.animate({scrollTop:$('#content').offset().top}, 400); }, dataType: 'html', success: function(out){ result = $(out).find('#content').hide(); $('#loop-loading').slideUp('fast'); $('#loop').append(result.slideDown(400)); } }); }); });