以前在QQ的文章评论,看到使用鼠标来拖拽分页的数字就可以翻页,觉得这种效果很帅,一直都不知道怎样实现,刚好,看到一篇这方面的文章,使用jquery的jGesture插件就可以实现了。也就是用你的鼠标拖拽进行分页:鼠标向右拖翻到后一页;鼠标向左拖,翻到前一页。
首先下载最新版本的jQuery 和jGesture 插件。
主要使用如下实现:
<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>
具体的分页代码就不写了,请下载demo来看详细的代码:
代码:/Files/zhuqil/custompagingandlisting.rar
|