javascript - Right / Left / Top/BottomをサポートするJquery/Javascriptスライダーはありますか？

Question

Right / Left / Top/Bottomをサポートする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; }

グラフィカルな矢印でラベルを変更する演習はあなたに任されています。