Sepsinian
diff --git a/‎.DS_Store‎
0 Bytes b/‎.DS_Store‎
0 Bytes
diff --git a/‎cutter/.DS_Store‎
0 Bytes b/‎cutter/.DS_Store‎
0 Bytes
diff --git a/‎cutter/cutter/.DS_Store‎
0 Bytes b/‎cutter/cutter/.DS_Store‎
0 Bytes
diff --git a/‎cutter/src/.DS_Store‎
6 KB b/‎cutter/src/.DS_Store‎
6 KB
diff --git a/‎jQuery-free/.DS_Store‎
0 Bytes b/‎jQuery-free/.DS_Store‎
0 Bytes
diff --git a/‎jQuery-free/server.js‎
Lines changed: 2 additions & 1 deletion b/‎jQuery-free/server.js‎
Lines changed: 2 additions & 1 deletion
diff --git a/‎waterFall/.DS_Store‎
0 Bytes b/‎waterFall/.DS_Store‎
0 Bytes
diff --git a/‎waterFall/css/style.css‎
Lines changed: 5 additions & 0 deletions b/‎waterFall/css/style.css‎
Lines changed: 5 additions & 0 deletions
diff --git a/‎waterFall/index.html‎
Lines changed: 2 additions & 4 deletions b/‎waterFall/index.html‎
Lines changed: 2 additions & 4 deletions
diff --git a/‎waterFall/js/index.js‎
Lines changed: 9 additions & 4 deletions b/‎waterFall/js/index.js‎
Lines changed: 9 additions & 4 deletions
@@ -27,7 +27,8 @@
 
 		if (opts.type == 'get') {
 			params = formatParams(opts.data);
-			xhr.open('get', opts.url + '?' + params, true);
+			var url = opts.url.indexOf('?') > -1 ? (opts.url + '&' + params) : (opts.url + '?' + params);
+			xhr.open('get', url, true);
 			opts.headers && setHeaders();
 			xhr.send(null);
 		} else if (opts.type == 'post') {
 
@@ -33,6 +33,11 @@ html, body {
 	background-image: url(../resource/images/banner.jpg);
 }
 
+.load-more {
+	text-align: center;
+	padding: 10px 0 15px 0;
+}
+
 .guide {
 	width: 100%;
 	position: absolute;
 
@@ -16,10 +16,8 @@
         <div class="banner">
             <p class="guide">点击这里切换类型</p>
         </div>
-		<div class="content">
-            <div style="float:left;width:20%;padding-bottom:40%;background-color:blue"></div>
-            <div style="float:right;width:80%;padding-bottom:40%;background-color:red"></div>
-        </div>
+		<div class="content"></div>
+        <div class='load-more'>加载更多</div>
 	</div>
 </body>
 <script src="./wf/wf.js"></script>
 
@@ -3,7 +3,6 @@
  */
 window.onload = function() {
 
-	return;
 	var dataArr = [
 		{picUrl: './resource/images/dota-4.jpg', width: 480, height: 800},
 		{picUrl: './resource/images/dota-15.jpg', width: 500, height: 311},
@@ -32,8 +31,10 @@ window.onload = function() {
 	];
 
 	var listType = 1,
-		bannerDom = document.getElementsByClassName('banner')[0],
-		contentDom = document.getElementsByClassName('content')[0];
+		bannerDom = document.querySelector('.banner'),
+		contentDom = document.querySelector('.content'),
+		loadMoreDom = document.querySelector('.load-more'),
+		wtf = null;
 
 	showList();
 
@@ -43,9 +44,13 @@ window.onload = function() {
 		showList();
 	}
 
+	loadMoreDom.onclick = function() {
+		wtf.create(dataArr);
+	}
+
 	function showList() {
 		contentDom.innerHTML = '';
-		var wtf = new WaterFull('.content', {
+		wtf = new WaterFull('.content', {
 			type: listType,
 			urlField: 'picUrl'
 		});