`
qq123zhz
  • 浏览: 525080 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
社区版块
存档分类
最新评论

jquery tab 水平tab分页

 
阅读更多 
<script type="text/javascript" src="js/jquery.tab.js"></script>
<script type="text/javascript">
$(document).ready(function() {
    $("#tab").tab({
        //dft:0,  // 起始显示项,默认为第一项
        //auto:true,  // 自动切换,默认为关闭
        //act:"mouseover",  // 鼠标划过,默认为单击
        //effact:" scrollx",  // 横向滚动效果,纵向滚动为 scrolly
        //effact:"slow",  // "slow" 效果
        tabId: ".tags",  // 切换控制器
        tabTag: "li",  // 切换控制器标签
        conId: ".panes",  // 内容容器
        conTag: ".pane"  // 内容容器标签
    })
})
</script>

 

<div id="tab">
  <ul class="tags">
    <li>项目一</li>
    <li>项目二</li>
    <li>项目三</li>
  </ul>
  <div class="panes">
    <div class="pane"> 项目一内容 </div>
    <div class="pane"> 项目二内容 </div>
    <div class="pane"> 项目三内容 </div>
  </div>
</div>

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>jQuery Tab 插件DEMO</title>
		<style type="text/css">
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,th,form,fieldset,img,dl,dt,dd
	{
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
}

a {
	color: #35679a;
	text-decoration: none;
}

a:hover {
	color: #c00;
	text-decoration: underline;
}

img {
	border: none;
}

li {
	list-style: none;
}

body {
	text-align: left;
	background: #505050;
	font-size: 12px;
}

.cont {
	background: #080808;
	padding: 8px;
	width: 840px;
	margin: 0 auto;
}

.main {
	background: #eee;
	padding: 6px;
}

h2 {
	font-size: 16px;
	font-family: "黑体";
	color: #35679a;;
	padding: 4px 10px;
	margin: 10px 0 16px;
	font-weight: 100;
	border-bottom: 2px solid #ccc;
}

h3 {
	padding-left: 50px;
	font-size: 16px;
	color: #555;
}

.testtab {
	border: 4px solid #ccc;
	margin: 10px 50px;
}

.tabtag {
	line-height: 24px;
	height: 24px;
	border-bottom: 2px solid #ccc;
}

.tabtag li {
	float: left;
	width: 24%;
	text-align: center;
	background: #eee;
}

.tabtag li.cur {
	color: #900;
	background: #fff;
}

.tabcon {
	height: 100px;
	overflow: hidden;
}

.tabcon div {
	height: 80px;
	padding: 10px;
	color: #900;
	font-size: 14px;
}

.tabcon li {
	line-height: 22px;
}

pre {
	color: #444;
}

pre strong {
	font-weight: 900;
}
</style>
		<script type="text/javascript"
			src="../js/jquery-1.3.2.min.js"></script>
		<script type="text/javascript">
	/*           */
	$(document).ready(
			function() {

				function cur(ele, currentClass, tag) {
					ele = $(ele) ? $(ele) : ele;
					if (!tag) {
						ele.addClass(currentClass).siblings().removeClass(
								currentClass);
					} else {
						ele.addClass(currentClass).siblings(tag).removeClass(
								currentClass);
					}
				}
				$.fn.tab = function(options) {
					var org = {
						tabId : "",
						tabTag : "",
						conId : "",
						conTag : "",
						curClass : "cur",
						act : "click",
						dft : 0,
						effact : null,
						auto : false,
						autotime : 3000,
						aniSpeed : 500
					}

					$.extend(org, options);

					var t = false;
					var k = 0;
					var _this = $(this);
					var tagwrp = $(org.tabId);
					var conwrp = $(org.conId);
					var tag = tagwrp.find(org.tabTag);
					var con = conwrp.find(org.conTag);
					var len = tag.length;
					var taght = parseInt(tagwrp.css("height"));
					var conwh = conwrp.get(0).offsetWidth;
					var conht = conwrp.get(0).offsetHeight;
					var curtag = tag.eq(org.dft);
					//prepare
					cur(curtag, org.curClass);
					con.eq(org.dft).show().siblings(org.conTag).hide();

					if (org.effact == "scrollx") {
						var padding = parseInt(con.css("padding-left"))
								+ parseInt(con.css("padding-right"));
						_this.css({
							"position" : "relative",
							"height" : taght + conht + "px",
							"overflow" : "hidden"
						});

						conwrp.css({
							"width" : len * conwh + "px",
							"height" : conht + "px",
							"position" : "absolute",
							"top" : taght + "px"
						});

						con.css({
							"float" : "left",
							"width" : conwh - padding + "px",
							"display" : "block"
						});
					}

					if (org.effact == "scrolly") {
						var padding = parseInt(con.css("padding-top"))
								+ parseInt(con.css("padding-bottom"));
						_this.css({
							"position" : "relative",
							"height" : taght + conht + "px",
							"overflow" : "hidden"
						});
						tagwrp.css({
							"z-index" : 100
						})
						conwrp.css({
							"width" : "100%",
							"height" : len * conht + "px",
							"position" : "absolute",
							"z-index" : 99
						})
						con.css({
							"height" : conht - padding + "px",
							"float" : "none",
							"display" : "block"
						});
					}

					tag.css({
						"cursor" : "pointer"
					}).each(
							function(i) {
								tag.eq(i).bind(
										org.act,
										function() {
											cur(this, org.curClass);
											k = i;
											switch (org.effact) {
											case "slow":
												con.eq(i).show("slow")
														.siblings(org.conTag)
														.hide("slow");
												break;
											case "fast":
												con.eq(i).show("fast")
														.siblings(org.conTag)
														.hide("fast");
												break;
											case "scrollx":
												conwrp.animate({
													left : -i * conwh + "px"
												}, org.aniSpeed);
												break;
											case "scrolly":
												conwrp.animate({
													top : -i * conht + taght
															+ "px"
												}, org.aniSpeed);
												break;
											default:
												con.eq(i).show().siblings(
														org.conTag).hide();
												break;
											//End of switch
											}
										})
							})

					if (org.auto) {
						var drive = function() {
							if (org.act == "mouseover") {
								tag.eq(k).mouseover();
							} else if (org.act == "click") {
								tag.eq(k).click();
							}
							k++;
							if (k == len)
								k = 0;
						}
						t = setInterval(drive, org.autotime);
					}
					//End of $.fn.tab	
				}
				//Drive
				$("#testtab").tab({
					tabId : "#tabtag",
					tabTag : "li",
					conId : "#tabcon",
					conTag : "div",
					act : "click",
					effact : "scrolly",
					dft : 0
				})

				$("#testtab2").tab({
					tabId : "#tabtag2",
					tabTag : "li",
					conId : "#tabcon2",
					conTag : "div",
					act : "click",
					effact : "scrollx",
					dft : 2
				})

				$("#testtab3").tab({
					tabId : "#tabtag3",
					tabTag : "li",
					conId : "#tabcon3",
					conTag : "div",
					auto : true,
					act : "mouseover"
				})

				$("#testtab4").tab({
					tabId : "#tabtag4",
					tabTag : "li",
					conId : "#tabcon4",
					conTag : "div",
					effact : "slow",
					act : "mouseover"
				})

			})
	/*     */
</script>
	</head>

	<body>
		<div class="cont">
			<div class="main">
				<h2>
					切换
				</h2>
				<h3>
					垂直滚动 点击触发
				</h3>
				<div class="testtab" id="testtab">
					<div id="tabtag" class="tabtag" style="position: relative;">
						<ul>
							<li class="cur">
								项目一
							</li>
							<li>
								项目二
							</li>
							<li>
								项目三
							</li>
							<li>
								项目四
							</li>
						</ul>
					</div>
					<div id="tabcon" class="tabcon">
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日本影星集合可爱清纯于一身</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
							</ul>

						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<pre>
    $("#testtab").tab({
	tabId:"#tabtag", //切换控制器的ID
	tabTag:"li",  //切换控制器标签
	conId:"#tabcon", //内容容器ID
	conTag:"div",  //容器标签
	act:"click", //点击触发 也可以不设置 默认就为click 设置为 mouseover则为划过
	effact: "scrolly" //效果为纵向滚动
	})
    </pre>
				<h3>
					水平滚动 点击触发 设置起始显示序列
				</h3>
				<div class="testtab" id="testtab2">
					<div id="tabtag2" class="tabtag" style="position: relative;">
						<ul>
							<li class="cur">
								项目一
							</li>
							<li>
								项目二
							</li>
							<li>
								项目三
							</li>
							<li>
								项目四
							</li>
						</ul>
					</div>
					<div id="tabcon2" class="tabcon">
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日本影星集合可爱清纯于一身</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
							</ul>

						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<pre>
    $("#testtab2").tab({
	tabId:"#tabtag2", //切换控制器的ID
	tabTag:"li", //切换控制器标签
	conId:"#tabcon2", //内容容器ID
	conTag:"div", //容器标签
	act:"click", //点击触发 也可以不设置 默认就为click 设置为 mouseover则为划过
	effact: "scrollx", //横向滚动效果
	<strong>dft:2</strong> //设置起始显示序列
	})
    </pre>
				<h3>
					无效果 自动切换
				</h3>
				<div class="testtab" id="testtab3">
					<div id="tabtag3" class="tabtag" style="position: relative;">
						<ul>
							<li class="cur">
								项目一
							</li>
							<li>
								项目二
							</li>
							<li>
								项目三
							</li>
							<li>
								项目四
							</li>
						</ul>
					</div>
					<div id="tabcon3" class="tabcon">
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日本影星集合可爱清纯于一身</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
							</ul>

						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<pre>
    $("#testtab3").tab({
	tabId:"#tabtag3",
	tabTag:"li",
	conId:"#tabcon3",
	conTag:"div",
	<strong>auto:true,</strong>
	act:"mouseover"
	})	
    </pre>
				<h3>
					&quot;slow&quot;效果
				</h3>
				<div class="testtab" id="testtab4">
					<div id="tabtag4" class="tabtag" style="position: relative;">
						<ul>
							<li class="cur">
								项目一
							</li>
							<li>
								项目二
							</li>
							<li>
								项目三
							</li>
							<li>
								项目四
							</li>
						</ul>
					</div>
					<div id="tabcon4" class="tabcon">
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日本影星集合可爱清纯于一身</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
								<li>
									<a href="#nogo">中超联赛世界排名不敌新加坡</a>
								</li>
							</ul>

						</div>
						<div>
							<ul>
								<li>
									<a href="#nogo">日之泉杯：寿战两球张晓彬世界波 金德4:2逆转胜绿城</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">投入超过国字号总和：09足协青少年足球预算500万</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">09中超期待十大焦点战：鲁沪巅峰PK江浙德比劲爆</a><span>03/06</span>
								</li>
								<li>
									<a href="#nogo">泰达上下不惧魔鬼赛程 队员：早晚要打不如一锅端</a><span>03/06</span>>
								</li>
							</ul>
						</div>
					</div>
				</div>
				<pre>
    $("#testtab4").tab({
	tabId:"#tabtag4",
	tabTag:"li",
	conId:"#tabcon4",
	conTag:"div",
	<strong>effact: "slow"</strong>
	})	
    </pre>
			</div>
		</div>

	</body>
</html>

 

分享到：
| jquery垂直tab页jquery-jvert-tabs
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    jquery实现自动分页插件

    jQuery实现ul-li自动分页，自动...在前端中tab切换是常见的一种jquery效果，但是有时在数量不确定，动态分成几个tab切换的就为你推荐一下的几个tab分页插件。提供两种效果，里面提供实际效果地址，希望对你有所帮助。

    jQuery分页按钮控制文字列表切换代码.zip

    jQuery分页按钮控制文字列表切换代码

    jqueryPage分页

    jqueryPage分页技术,用于翻页和tab等页面的跳转翻页.主要是jquery中page插件的使用

    jQuery无刷新分页插件.zip

    jQuery无刷新分页插件是一款刷新页面不便的分页插件下载。

    jQuery分页图片切换插件jPages.zip

    jQuery分页图片切换插件jPages是一款自动为图片列表分页，支持点击分页切换，支持键盘方向键切换，支持鼠标滚动切换，支持添加css3动画，默认切换动画为淡入显示，兼容所有主流浏览器！

    jQuery基于Bootstrap分页插件.zip

    jQuery基于Bootstrap分页插件是一款分页插件设置固定列表分页显示，支持动态分页数据代码。

    jq分页控件

    jquery分页控件，还有tab切换选项卡，符合大多数情景应用

    jQuery 选项卡及分页实例

    内容索引:脚本资源,jQuery,选项卡,jQuery分页,Tab　收集了几个使用jQuery制作的选项卡以及分页例子，细心的朋友会发现，其实选项卡和分页程序很相似，将选项卡的数目增多是不是就变成了分页程序？这只是粗糙的构思，...

    jquery+ajax无刷新评论源码(包含无刷新分页)

    实现了获取评论无刷新，发表评论无刷新，www.sendawangluo.com页面获取评论时显示loading加载效果jquery真的是一个非常优秀的JS库，简单容易掌握，对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示，...

    jquery ui tabs paging 不换行

    jQuery UI Tabs Paging 是一个用来对太多的 Tab 进行分页显示的 jQuery 插件。 默认的 tabs 插件一旦 tab 过多就会换行，影响页面布局。jquery.ui.tabs.paging 的作用就在于不让其换行，在两头增加左右滑动的图片...

    jQuery技术三合一教程（电子书 + 理论总结+常用效果源码实践）

    实践篇：Tab菜单栏源码、手风琴菜单源码、圆角效果源码、网页弹出对话框源码、Ajax留言板完整案例、表单验证源码、图片裁剪源码、无刷新数据显示与分页源码、WCF应用源码、图片轮皤效果源码等 电子书：《一周学会...

    SimpleUI v1.0 基于jQuery开发的插件库.rar

    SimpleUI v1.0 实现了以下功能： require(动态加载资源) Drag(拖动) Drop(拖放) Resize(动态调整大小) Selectable(鼠标拖选) AutoComplete(自动完成) Dialog(模拟弹窗) Pagination(分页) Slide(幻灯片) Tab(选项卡)

    jquery datatable服务端分页

    OK，上次完成了客户端的分页，这次我们就在上一次的Demo上进行修改，来实现服务端的分页~ js代码： [removed] $(document).ready(function() { $('#table_id_example').DataTable({ "bProcessing" : false, //...

    JQuery实现的各种小效果

    JQuery 实现的各种网页效果与实用插件 导航菜单、tab页切换、登录、控件操作、分页、滚动、焦点图、日历控件 、树形菜单、图片放大效果、相册等小功能实现

    jquery-printTable-1.0.js

    * jquery 表格打印插件 * * 作者： LiuJunGuang * 日期：2013年6月4日 * 分页样式(需要自定义)： * @media print { * .pageBreak { page-break-after:always; } * } * 使用例子： * $(function(){ * $...

    jquery插件库合集

    pui 是一款基于jQyery开发的插件库。目前线上稳定使用已有2年多，丰富的接口，简单明了的调用方式... 插件库封装了布局、表单元素、表单校验、弹窗、toast、气泡pop、tab切换、日历时间、分页、表格、树、css命名等功能

    jquery+ajax无刷新评论源码

    jquery真的是一个非常优秀的JS库，简单容易掌握，对于网页中的多级菜单、级联效果、Tab选项卡切换、图片轮转显示， 实现起来都非常的简单，往往就是几句代码的事。 做AJAX应用，jquery提供的$.get()、$.post()函数...

    jquery-easyui-EDT-1.5.5.7z

    pagination：修复在'displayMsg'属性设置为false的时候会缩小分页组件高度的问题； tabs：修复tab组件面板对象的'onLoad'事件中传递了错误的'data'参数的问题。 Improvement（改进） draggable：添加'onEndDrag'...

    Asp.net MVC 中利用jquery datatables 实现数据分页显示功能

    由于方法中的存储过程没有带分页参数，所以还可以有继续优化的空间。 /// /// 获取测点列表 /// /// &lt;returns&gt;&lt;/returns&gt; [HttpPost] public JsonResult GetMeasurePointList(string TreeID, string ...

Magicbox
Global site tag (gtag.js) - Google Analytics