Question

I am looking for an Jquery/Javascript plugin which supports Right/Left/Top/Bottom.

I don’t know the exact wording to ask the question but here is the image which help you to understand my question.

As you can see, I want to be able to display directional elements

Answer 1

see this example fiddle: http://jsfiddle.net/9AtMB/
open your javascript console

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 (minimal)

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; }

The exercise to change labels with graphical arrows is left to you.