超级简单:用鼠标拖拽进行翻页

     在以前的一篇文章中涉及到自定义的分页:http://www.cnblogs.com/zhuqil/archive/2010/01/02/custompagingandlisting.html,今天在其中加入一个小功能:用你的鼠标拖拽进行分页:鼠标向右拖翻到后一页;鼠标向左拖,翻到前一页。

     首先下载最新版本的jQueryjGesture 插件。在以前的分页源程序中加入下面代码。

js
      <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>

用gestureName进行判断,如果鼠标向右拖拽,intPageIndex++,如果鼠标向左拖拽,intPageIndex--。

代码:/Files/zhuqil/custompagingandlisting.rar



(全文完)


以下为广告部分

您部署的HTTPS网站安全吗?

如果您想看下您的网站HTTPS部署的是否安全,花1分钟时间来 myssl.com 检测以下吧。让您的HTTPS网站变得更安全!

SSL检测评估

快速了解HTTPS网站安全情况。

安全评级(A+、A、A-...)、行业合规检测、证书信息查看、证书链信息以及补完、服务器套件信息、证书兼容性检测等。

SSL证书工具

安装部署SSL证书变得更方便。

SSL证书内容查看、SSL证书格式转换、CSR在线生成、SSL私钥加解密、CAA检测等。

SSL漏洞检测

让服务器远离SSL证书漏洞侵扰

TLS ROBOT漏洞检测、心血漏洞检测、FREAK Attack漏洞检测、SSL Poodle漏洞检测、CCS注入漏洞检测。

作者:朱祁林 出处:http://zhuqil.cnblogs.com 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。  
原文地址:https://www.cnblogs.com/zhuqil/p/gesturePage.html