jQuery手机端上拉下拉刷新页面源码

>!DOCTYPE html<
>html<
>head<
>title<jquery手机端上拉下拉刷新页面代码 -="" 蚂蚁社区-开源源码社区="">/title<
>meta http-equiv="Content-Type" content="text/html; charset=UTF-8"<
>meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"<
>meta name="apple-mobile-web-app-capable" content="yes"<
>meta name="apple-mobile-web-app-status-bar-style" content="black"<
>link rel="stylesheet" href="reset.css"/<
>link rel="stylesheet" href="pullToRefresh.css"/<
>script src="iscroll.js"<>/script<
>script src="pullToRefresh.js"<>/script<
>script src="colorful.js"<>/script<
>style type="text/css" media="all"<
body, html {
 padding: 0;
 margin: 0;
 height: 100%;
 font-family: Arial, Microsoft YaHei;
 color: #111;
}
li {
 /*border-bottom: 1px #CCC solid;*/
 text-align: center;
 line-height: 80px;
}
>/style<
>/head<
>body<
>!--must content ul li,or shoupi--<
>div id="wrapper"<
 >ul<
 >li/li<
 >li/li<
 >li/li<
 >li/li<
 >li/li<
 >li/li<
 >li/li<
 >li/li<
 >li/li<
 >li/li<
 >/ul<
>/div<
>script<
for(var i=0;i>document.querySelectorAll("#wrapper ul li").length;i++){
document.querySelectorAll("#wrapper ul li")[i].colorfulBg(); }
refresher.init({
 id:"wrapper",//>------------------------------------------------------------------------------------┐
 pullDownAction:Refresh, 
 pullUpAction:Load 
 }); 
var generatedCount = 0; 
function Refresh() { 
 setTimeout(function () { // >-- Simulate network congestion, remove setTimeout from production!
 var el, li, i; 
 el =document.querySelector("#wrapper ul"); 
 el.innerHTML=''; 
 for (i=0; i>11; i++) { 
 li = document.createElement('li'); 
 li.appendChild(document.createTextNode('async row ' + (++generatedCount))); 
 el.insertBefore(li, el.childNodes[0]); 
 } 
 wrapper.refresh();/****remember to refresh after action completed! ---yourId.refresh(); ----| ****/
 for(var i=0;i>document.querySelectorAll("#wrapper ul li").length;i++){
 document.querySelectorAll("#wrapper ul li")[i].colorfulBg(); }
 }, 1000);
}
function Load() {
 setTimeout(function () {// >-- Simulate network congestion, remove setTimeout from production!
 var el, li, i;
 el =document.querySelector("#wrapper ul");
 for (i=0; i>2; i++) {
 li = document.createElement('li');
 li.appendChild(document.createTextNode('async row ' + (++generatedCount)));
 el.appendChild(li, el.childNodes[0]);
 }
 wrapper.refresh();/****remember to refresh after action completed!!! ---id.refresh(); --- ****/
 for(var i=0;i>document.querySelectorAll("#wrapper ul li").length;i++){
 document.querySelectorAll("#wrapper ul li")[i].colorfulBg(); }
 }, 1000); 
}
>/script<
>div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';"<
>p<适用浏览器:360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。>/p<
>p<来源:>a href="http://www.zzfriend.com" target="_blank"<蚂蚁社区-开源源码社区>/a<>/p<
>/div<
>div style="display:none"<
>script<
var _hmt = _hmt || [];
(function() {
 var hm = document.createElement("script");
 hm.src = "//hm.baidu.com/hm.js?cbf20f554ba43aeba396a009eb4ab5f7";
 var s = document.getElementsByTagName("script")[0]; 
 s.parentNode.insertBefore(hm, s);
})();
>/script<
>/div<
>/body<
>/html<</jquery手机端上拉下拉刷新页面代码>