(非常に低いページを必要とするアプリケーションのために)極めて怠惰な偽のページのjsコード

限り、あなたは、コードああを変更する必要があるとして、最初に、このタブと怠惰な、とは、より少ないページに適用され、固定データテーブルは、もちろん、あなたは、単にデータテーブルの変更を使用しても問題ありません!

私は下だと思うので、データは、彼らはあまりにも、おそらく50以上は、ページング実際の場面では、我々はすべての一般舞台裏配るページングされた総ページ数を知っているが、私は、バックグラウンドのコードを変更することはできません事情をたくさん会ったが、 、結論に来て、それがどのような効果を示すために、より多くのそれよりも、死んだ偽のページになることです。

·················································· ·················································· ·················································· ·················································· ···································

が、コードは怠け者ですが、それを見るためだけで罰金を見て!

·················································· ·················································· ·················································· ·················································· ···································

コードに言っても過言ではありません!

CSSコード:

全体的に学ぶことですが、いくつかの勾配の効果は、ああ、ああ、あなたが変更されるものにしたいものを何のフォントを、表示などの点スタイルとして、自分のああを変更することができます。

/*分页*/
  	.dede_pages{ text-align:center;}
	.dede_pages ul{float:left;padding:12px 0px 12px 16px;}
	.dede_pages ul li{float:left;font-family:Tahoma;line-height:17px;margin-right:6px;border:1px solid #E9E9E9;}
	.dede_pages ul li a{float:left;padding:2px 4px 2px;color:#555;display:block;}
	.dede_pages ul li a:hover{background-color:#96cfff;padding:2px 4px 2px;}
	.dede_pages .pageinfo{line-height:21px;padding:12px 10px 12px 16px;color:#999;}
	.dede_pages .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}
htmlコード:

申し訳ありませんが、私は怠惰になり始め············

<div class="dede_pages">
                		<ul class="pagelist">
                			<li >页码</li>
                			<li><a  href="javascript:void(0)" οnclick="change1()">1</a></li>
                			<li><a  href="javascript:void(0)" οnclick="change2()">2</a></li>
                			<li><a  href="javascript:void(0)" οnclick="change3()">3</a></li>
                			<li><a  href="javascript:void(0)" οnclick="change4()">4</a></li>
                			<li><a  href="javascript:void(0)" οnclick="change5()">5</a></li>
                			<li><a  href="javascript:void(0)" οnclick="change6()">6</a></li>
                			<li><span class="pageinfo">共 <strong>6</strong>页<strong>55</strong>条</span></li>
                		</ul>
</div>
マグルは皮のように、このコードの感触を参照して、誰がやるのは簡単にそれを告げました。

JSコード:

	function change1(){
		var pageNum=1;
		table1(pageNum); 
	}
	function change2(){
		var pageNum=2;
		table1(pageNum);
	}
	function change3(){
		var pageNum=3;
		table1(pageNum);
	}
	function change4(){
		var pageNum=4;
		table1(pageNum);
	}
	function change5(){
		var pageNum=5;
		table1(pageNum);
	}
	function change6(){
		var pageNum=6;
		table1(pageNum);
	}

function table1(pageNum){
		var changeNum=pageNum;
		$.ajax({
			url : "xxxx.action",
			type : "post",
			dataType : "json",
			data:{"changeNum":changeNum}, 
			success : function(data) {
				
			}
		});
	}

ハハ、シンプルで、粗、だけでなく、コードの量を高め、ほとんど666 666 666、バックステージは、あなたが見たいページのみを渡すには、ページ番号に基づいてデータを返すために舞台裏で見てみたいです。

そして、怠惰ではない、ないプログラマの生活は、ステップバイステップ方式では、ほとんどの怠惰な権利を発見されましたか?(その他の再利用性を向上させ、コードを最適化している)、私は一見、最も愚かな書き込みに最も退屈で少なくとも多重方式が、誰に行うことが、それは便利語りました。

公開された27元の記事 ウォンの賞賛1 ビュー3659

おすすめ

転載: blog.csdn.net/qq_40111437/article/details/78400637