资讯频道 → Web前端
阅读更多

30顶
2踩

Web前端

原创新闻 jQuery 手势库

2008-12-23 12:09 by 资深编辑 ╱/罒呍唲 评论(9) 有10111人浏览
jQuery

声明：ITeye资讯文章的版权属于ITeye网站所有，严禁任何网站转载本文，否则必将追究法律责任！

Adrien Friggeri 花费了一点时间改良了Music Player UI ，用jQuery创建了一个新的手势库，允许你在Web页面上添加这个小功能。



例如对图片的控制，这里有一个demo的页面，点击网页中的一个clicking here 的链接即可开始，按ESC键退出。按住鼠标的左/右键，向上移动图片就会隐藏，向下移动图片显示，左右就不说了。

以下是代码： 
// initialize the engine, inactive by default and set the trace color to red
$.gestures.init({active:false,color:'#ff0000'});

// adds a new gesture : Down
$.gestures.register('D', function() {
  alert('down !');
  });

// a more complex gesture : Down, Left, Up, Right
$.gestures.register('DLUR', function() {
  alert('this is a rectangle, no ?');
  });

// you can log unknown gestures :
$.gestures.error(function(gesture) {
  alert("oops, I don't understand what \""+gesture+"\" means");
});

// useful keyboard tricks :
$(window).keydown(function(e) {
  if ($.gestures.active() && e.which==27) {
    // disable capture when user presses ESC
    $.gestures.disable();
  } else if (!$.gestures.active() && e.which==17) {
    // enable capture when CTRL is pressed
    $.gestures.enable();
  }
});
$(window).keyup(function(e) {
  // disable capture when CTRL is not pressed
  if ($.gestures.active() && e.which==17) {
  $.gestures.disable();
  }
});

来自: ajaxian.com
30
顶
2
踩
评论 共 9 条 请登录后发表评论
9 楼 black.angel 2008-12-31 08:59
太超前了。。。。。。。
8 楼 howesen 2008-12-26 09:43
对IE不支持
7 楼 ayeah 2008-12-25 14:49
ie好像不支持svg
6 楼 heting1024 2008-12-24 09:43
bluexp29 写道

IE6直接出错！！！！！！！！！！！

确实
5 楼 lxxccc 2008-12-24 09:40
效果不错
对于图片网站来说应该是很不错的应用
期待完善   跨浏览器之类的等等
PS: 建议换到右键或者中键上   咱用FF   对于图片有专门的处理插件   比如拖动向左手动保存
      向右自动保存   向上新标签页打开等等  想用自定义的操作时不是很方便
4 楼 sunwei_07 2008-12-24 09:08
可以去火狐试试，但是感觉拖着累
普通用户又不懂，还不如几个按钮利落。也看的懂
3 楼 bluexp29 2008-12-24 09:03
IE6直接出错！！！！！！！！！！！
2 楼 hetylei 2008-12-24 09:01
cool
1 楼 全冠清 2008-12-23 15:35
相当不好用，反应奇慢，对IE7支持更是一塌糊涂。

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics