javascript - 任何支持右/左/上/下的 Jquery/Javascript 滑块？

Question

我正在寻找一个支持右/左/上/下的 Jquery/Javascript 插件。

我不知道问这个问题的确切措辞，但这是帮助您理解我的问题的图像。

如您所见，我希望能够显示方向元素

Answer 1

看这个例子小提琴： http: //jsfiddle.net/9AtMB/
打开你的javascript控制台

html

<div>
    <a href="#" data-y="1" data-x="0">Up</a>
    <a href="#" data-y="-1" data-x="0">Down</a>
    <a href="#" data-x="-1" data-y="0">Left</a>
    <a href="#" data-x="1" data-y="0">Right</a>
</div>

js/jQuery

var offset =  { x: 0, y: 0 };
$('a').on('click', function(evt) {
   evt.preventDefault();
   offset.x += ~~$(this).data('x');
   offset.y += ~~$(this).data('y');
   console.log(offset);
});

CSS（最小）

div { width: 200px; height: 200px; position: relative; }
a { position: absolute; z-index: 1; }
a[data-y="1"] { top : 0; left: 50%; }
a[data-y="-1"] { bottom : 0; left: 50%; }
a[data-x="-1"] { top : 50%; left: 0; }
a[data-x="1"] { top : 50%; right: 0; }

使用图形箭头更改标签的练习留给您。