没事做，想着写点什么。看起来页面下拉加载数据，瀑布流的效果非常火爆。所有网站都能看到各种显示效果，原理都差不多。于是，我决定自己来写这个效果，希望能给比我还会还菜的菜鸟一些参考价值。在我们开始之前，让我们来谈谈实现的基本原则。当night落到底部时，js可以判断滚动条的位置，到达底部时触发js方法，执行jquery的ajax方法，从通用后台处理程序ashx文件night请求数据源，得到json格式的数据源。然后，遍历json数据源，拼接一个li标签，然后在页面上填充它。首先，让我们制作一个简单的html页面。需要在页面中引入jquery库，然后使用jquery的ajax方法请求后台程序，即通用处理程序页面。后面我会在通用处理程序页面的ashx文件中写一个方法，返回首页需要的新闻列表数据源。数据源的格式，我用的是json格式。

！DOCTYPE html html xmlns=' http://www . w3 . org/1999/XHTML ' head meta http-equiv=' Content-Type ' Content=' text/html；Charset=utf-8'/title模仿新浪微博，在下拉页底部加载更多/title style type=' text/CSS ' # main { margin : 10px auto；宽度： 990 px；} # ListContent { color: white相对位置：} # Listinfo { width: 850px向左浮动：背景-颜色： # 071 a37；相对位置：填充-bottom : 50px；} # Listinfo Li { list-style : none；宽度： 800 px；高度： 40px；线高： 40px；文本对齐：中心；向左浮动：} # LoadingMsg { display: nonemargin: 0 0padding: 0 0高度： 25px；线高： 25px；宽度： 800 px；绝对位置：left: 48px文本对齐：中心；垂直对齐：中间；bottom: 20px} # loading SGS span { margin : 0；padding: 0 0background: url(loading.gif)左中不重复；左填充left: 30px高度： 25px；线高： 25px；}/style script type=' text/JavaScript ' src=' http : jquery-1 . 8 . 2 . js '/script script type=' text/JavaScript ' $(function(){ var page num=0；$(窗口)。scroll(function(){ var total height=parseFloat($(window))。height()) parseFloat($(window)。scroll top())；//浏览器的高度加上滚动条的高度if ($ (document)。height()=total height)//当文档的高度小于或等于总高度时，开始动态加载数据{