超级简单:用鼠标拖拽进行翻页
在以前的一篇文章中涉及到自定义的分页:http://www.cnblogs.com/zhuqil/archive/2010/01/02/custompagingandlisting.html,今天在其中加入一个小功能:用你的鼠标拖拽进行分页:鼠标向右拖翻到后一页;鼠标向左拖,翻到前一页。
首先下载最新版本的jQuery 和jGesture 插件。在以前的分页源程序中加入下面代码。
![](https://images.cnblogs.com/OutliningIndicators/ExpandedBlockStart.gif)
<script src="Scripts/jquery-1.3.1.js" type="text/javascript"></script>
<script src="Scripts/jgesture-1.0.3.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$().gesture(function(gs) {
var gestureName = gs.getName();
var intPageIndex = document.getElementById('txtHidPageIndex').value
if (gestureName == "right") {
doPaging(++intPageIndex);
}
else if (gestureName == "left") {
if (intPageIndex > 1)
doPaging(--intPageIndex);
}
});
});
</script>
<script src="Scripts/jgesture-1.0.3.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
$().gesture(function(gs) {
var gestureName = gs.getName();
var intPageIndex = document.getElementById('txtHidPageIndex').value
if (gestureName == "right") {
doPaging(++intPageIndex);
}
else if (gestureName == "left") {
if (intPageIndex > 1)
doPaging(--intPageIndex);
}
});
});
</script>
用gestureName进行判断,如果鼠标向右拖拽,intPageIndex++,如果鼠标向左拖拽,intPageIndex--。
代码:/Files/zhuqil/custompagingandlisting.rar
(全文完)
以下为广告部分
您部署的HTTPS网站安全吗?
如果您想看下您的网站HTTPS部署的是否安全,花1分钟时间来 myssl.com 检测以下吧。让您的HTTPS网站变得更安全!
快速了解HTTPS网站安全情况。
安全评级(A+、A、A-...)、行业合规检测、证书信息查看、证书链信息以及补完、服务器套件信息、证书兼容性检测等。
安装部署SSL证书变得更方便。
SSL证书内容查看、SSL证书格式转换、CSR在线生成、SSL私钥加解密、CAA检测等。
让服务器远离SSL证书漏洞侵扰
TLS ROBOT漏洞检测、心血漏洞检测、FREAK Attack漏洞检测、SSL Poodle漏洞检测、CCS注入漏洞检测。
作者:朱祁林
出处:http://zhuqil.cnblogs.com
本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。