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 本文版权归作者和博客园共有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出原文连接,否则保留追究法律责任的权利。  
  • 相关阅读:
    支付弹出窗口被拦截解决办法
    实现Bootstrap Carousel Fade Transition 淡入淡出效果
    SVN Global ignore pattern 忽略文件正则后缀
    css 不确定元素宽度的水平居中
    Android Studio运行程序,检测不到(夜神、Genymotion)模拟器
    HttpClient
    Eclipse中复制android项目后要改动的地方
    Eclipse快捷键
    Xml解析之PULL解析 例2
    Xml解析之PULL解析 例1
  • 原文地址:https://www.cnblogs.com/zhuqil/p/gesturePage.html
Copyright © 2011-2022 走看看