zoukankan      html  css  js  c++  java
  • 超级简单:用鼠标拖拽进行翻页

         在以前的一篇文章中涉及到自定义的分页: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 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。  
  • 相关阅读:
    0593. Valid Square (M)
    0832. Flipping an Image (E)
    1026. Maximum Difference Between Node and Ancestor (M)
    0563. Binary Tree Tilt (E)
    0445. Add Two Numbers II (M)
    1283. Find the Smallest Divisor Given a Threshold (M)
    C Primer Plus note9
    C Primer Plus note8
    C Primer Plus note7
    C Primer Plus note6
  • 原文地址:https://www.cnblogs.com/zhuqil/p/gesturePage.html
Copyright © 2011-2022 走看看