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

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

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

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注入漏洞检测。

转载于:https://www.cnblogs.com/zhuqil/archive/2010/01/30/gesturePage.html

你可能感兴趣的:(超级简单:用鼠标拖拽进行翻页)