在以前的一篇文章中涉及到自定义的分页: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注入漏洞检测。

超级简单:用鼠标拖拽进行翻页相关推荐

  1. vue实现简单的鼠标拖拽横向滚动和 鼠标滚轮横向滚动

    原文地址:vue实现简单的鼠标拖拽横向滚动和 鼠标滚轮横向滚动_超人不会飞啊的博客-CSDN博客_vue鼠标拖拽 这边如果是动态渲染的div,需要等dom渲染结束后.id存在了.再去设置this.sc ...

  2. HTML5电子书翻页效果 代码特效+鼠标点击拖拽滑动翻页+点击书页内容放大+不支持中文

    介绍 源码名称:[HTML5电子书翻页效果]代码特效+鼠标点击拖拽滑动翻页+点击书页内容放大+不支持中文 源码大小:237KB 开发语言:PHP+Mysql 操作系统:Windows,Linux 源码 ...

  3. vue aplayer 进度条无法拖动_「最近项目小结」使用Vue实现一个简单的鼠标拖拽滚动效果插件...

    演示事例 http://www.longstudy.club/vue-drag-scroll/index.html 最近在做一个新的项目,有个需求是这样的: 简单描述一下,就是鼠标拖动页面,整个页面会 ...

  4. java 不让滚动条随着拖拽滑动_「最近项目小结」使用Vue实现一个简单的鼠标拖拽滚动效果插件...

    演示事例 http://www.longstudy.club/vue-drag-scroll/index.html 最近在做一个新的项目,有个需求是这样的: 简单描述一下,就是鼠标拖动页面,整个页面会 ...

  5. js简单实现鼠标拖拽功能:盒子可以跟着鼠标移动位置

    实现的原理: 根据上面的图可以算出移动后的盒子的left和top: 鼠标距离边界的值: ev.pageY - box.top ev.pageX - box.left box2.top = ev2.pa ...

  6. html鼠标可拖动窗体,JS实现简单移动端鼠标拖拽

    本文实例为大家分享了JS实现移动端鼠标拖拽的具体代码,供大家参考,具体内容如下 Document #div { width: 100%; height: 200px; background: rosy ...

  7. WPF 在image控件用鼠标拖拽出矩形

    今天有小伙伴问我一个问题,在image控件用鼠标拖拽出矩形,本文告诉大家如何使用鼠标画出矩形 做出来的效果先请大家看一下 最简单的方法是在 Down 的时候记录按下的点,在 移动的时候重新计算所在的宽 ...

  8. unity2d里实现鼠标拖拽物体的功能

    在 Unity 中实现鼠标拖拽物体的功能需要使用到 Unity 的 Physics 系统. 要实现鼠标拖拽物体,你需要在场景中添加以下内容: 一个 Rigidbody 2D 组件,用于控制物体的运动. ...

  9. 【计算机图形】制作能够利用鼠标拖拽实现360度旋转的3D人体模型flash文件

    前段时间,由于要对参加挑战杯的系统进行改善,老师要求我们在系统当中添加一个可旋转的3D人体模型,于是俺陷入了深深的思考当中.之前一直都没有接触过3D模型的制作,而且老师这回给的时间又特紧,当时那个急呀 ...

最新文章

  1. 测试知识整理——基础篇
  2. B+/-Tree原理及mysql的索引分析
  3. 能设值多个rowkey吗_顶楼送了露台,悄悄搭建阳光房,偏偏我家露台多个帽子,能拆吗?...
  4. 【Hadoop】在Linux中的Hadoop部署与yarn HDFS MapReduce 的配置中常见的问题?你解决了吗?
  5. 牛客小白月赛8: E. 诡异数字(数位DP)
  6. 脚本录制软件python 按键精灵 tc_GitHub - yang-dongxu/KeymouseGo: 类似按键精灵的鼠标键盘录制和自动化操作...
  7. 【技术框架汇总】_开发平台_前端框架_手机端框架_测试工具_数据库中间件_监控工具_框架_汇总
  8. Word删除空白页方法,由分节符导致多出空白页删除方法
  9. Qt打包程序报错“应用程序无法正常启动(0xc000007b)”
  10. wordpress的excerpt()函数
  11. Mac无法打开CORE Keygen
  12. Milvus 2.1 版本更新 - 简单可信赖、性能持续提升
  13. STM32 解析 JSON 之 cJSON
  14. u盘中毒数据还能恢复吗?
  15. 苹果 M1芯片运行Android模拟器
  16. html的frame怎么使用方法,HTML frame标签怎么用?frame标签的具体使用实例
  17. python 学术论文,python论文_python 论文_python
  18. 常用网址收藏 (zz)
  19. OSChina 娱乐弹弹弹——凉风有信,秋月无边
  20. 篮球计分板课设,模块化LCD1602,数码管,矩阵按键,方便移植,使得主函数简洁明了

热门文章

  1. Linux下下载yum,及配置网络源和本地源
  2. reject(res)
  3. 闲鱼开店不赚钱的四大原因
  4. linux 硬盘盘符乱了,双硬盘盘符错乱,win10盘符错乱
  5. linux 清理磁盘空间
  6. Latex 使用笔记
  7. Haloband:计步器?它是NFC手环!
  8. Noma几何风格字体 for mac
  9. 黑白照片如何变彩色?手把手教你变彩色
  10. mysql基础命令返回上一级_MySQL基础 — 常用命令