超级简单:用鼠标拖拽进行翻页
在以前的一篇文章中涉及到自定义的分页:http://www.cnblogs.com/zhuqil/archive/2010/01/02/custompagingandlisting.html,今天在其中加入一个小功能:用你的鼠标拖拽进行分页:鼠标向右拖翻到后一页;鼠标向左拖,翻到前一页。
首先下载最新版本的jQuery 和jGesture 插件。在以前的分页源程序中加入下面代码。
<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注入漏洞检测。
超级简单:用鼠标拖拽进行翻页相关推荐
- vue实现简单的鼠标拖拽横向滚动和 鼠标滚轮横向滚动
原文地址:vue实现简单的鼠标拖拽横向滚动和 鼠标滚轮横向滚动_超人不会飞啊的博客-CSDN博客_vue鼠标拖拽 这边如果是动态渲染的div,需要等dom渲染结束后.id存在了.再去设置this.sc ...
- HTML5电子书翻页效果 代码特效+鼠标点击拖拽滑动翻页+点击书页内容放大+不支持中文
介绍 源码名称:[HTML5电子书翻页效果]代码特效+鼠标点击拖拽滑动翻页+点击书页内容放大+不支持中文 源码大小:237KB 开发语言:PHP+Mysql 操作系统:Windows,Linux 源码 ...
- vue aplayer 进度条无法拖动_「最近项目小结」使用Vue实现一个简单的鼠标拖拽滚动效果插件...
演示事例 http://www.longstudy.club/vue-drag-scroll/index.html 最近在做一个新的项目,有个需求是这样的: 简单描述一下,就是鼠标拖动页面,整个页面会 ...
- java 不让滚动条随着拖拽滑动_「最近项目小结」使用Vue实现一个简单的鼠标拖拽滚动效果插件...
演示事例 http://www.longstudy.club/vue-drag-scroll/index.html 最近在做一个新的项目,有个需求是这样的: 简单描述一下,就是鼠标拖动页面,整个页面会 ...
- js简单实现鼠标拖拽功能:盒子可以跟着鼠标移动位置
实现的原理: 根据上面的图可以算出移动后的盒子的left和top: 鼠标距离边界的值: ev.pageY - box.top ev.pageX - box.left box2.top = ev2.pa ...
- html鼠标可拖动窗体,JS实现简单移动端鼠标拖拽
本文实例为大家分享了JS实现移动端鼠标拖拽的具体代码,供大家参考,具体内容如下 Document #div { width: 100%; height: 200px; background: rosy ...
- WPF 在image控件用鼠标拖拽出矩形
今天有小伙伴问我一个问题,在image控件用鼠标拖拽出矩形,本文告诉大家如何使用鼠标画出矩形 做出来的效果先请大家看一下 最简单的方法是在 Down 的时候记录按下的点,在 移动的时候重新计算所在的宽 ...
- unity2d里实现鼠标拖拽物体的功能
在 Unity 中实现鼠标拖拽物体的功能需要使用到 Unity 的 Physics 系统. 要实现鼠标拖拽物体,你需要在场景中添加以下内容: 一个 Rigidbody 2D 组件,用于控制物体的运动. ...
- 【计算机图形】制作能够利用鼠标拖拽实现360度旋转的3D人体模型flash文件
前段时间,由于要对参加挑战杯的系统进行改善,老师要求我们在系统当中添加一个可旋转的3D人体模型,于是俺陷入了深深的思考当中.之前一直都没有接触过3D模型的制作,而且老师这回给的时间又特紧,当时那个急呀 ...
最新文章
- 测试知识整理——基础篇
- B+/-Tree原理及mysql的索引分析
- 能设值多个rowkey吗_顶楼送了露台,悄悄搭建阳光房,偏偏我家露台多个帽子,能拆吗?...
- 【Hadoop】在Linux中的Hadoop部署与yarn HDFS MapReduce 的配置中常见的问题?你解决了吗?
- 牛客小白月赛8: E. 诡异数字(数位DP)
- 脚本录制软件python 按键精灵 tc_GitHub - yang-dongxu/KeymouseGo: 类似按键精灵的鼠标键盘录制和自动化操作...
- 【技术框架汇总】_开发平台_前端框架_手机端框架_测试工具_数据库中间件_监控工具_框架_汇总
- Word删除空白页方法,由分节符导致多出空白页删除方法
- Qt打包程序报错“应用程序无法正常启动(0xc000007b)”
- wordpress的excerpt()函数
- Mac无法打开CORE Keygen
- Milvus 2.1 版本更新 - 简单可信赖、性能持续提升
- STM32 解析 JSON 之 cJSON
- u盘中毒数据还能恢复吗?
- 苹果 M1芯片运行Android模拟器
- html的frame怎么使用方法,HTML frame标签怎么用?frame标签的具体使用实例
- python 学术论文,python论文_python 论文_python
- 常用网址收藏 (zz)
- OSChina 娱乐弹弹弹——凉风有信,秋月无边
- 篮球计分板课设,模块化LCD1602,数码管,矩阵按键,方便移植,使得主函数简洁明了