jQuery Connections

Adds lines between page elements using CSS borders.

$('div.box').connections();

Connections are separate elements that can be styled individually. Examples:

$('#start').connections({
  to: '#end',
  'class': 'related'
});

Dynamic repositioning is optional. Update strategies are not constrained by the plugin. Ideas:

var c = $('connection');
setInterval(function() {
  c.connections('update');
}, 500);