JSFiddle - React, Tailwind, and code Playground
HTML
<div id="cow-wrapper">
<div id="cow-link">
<a href="http://www.google.com" target="_blank">Link to Google</a>
</div>
<img src="http://co2calculator.files.wordpress.com/2008/09/grazing-cow-1b.jpg" />
</div>
CSS
#cow-link { display: none; position: absolute; width: 100px; background: white; }
JavaScript
$(function() {
var cowLink = $('#cow-link');
var cow = $('#cow-link + img');
var cowPos = cow.position();
var linkLeft = cowPos.left + (cow.width() - cowLink.width());
cowLink.css({top: cowPos.top + 'px', left: linkLeft + 'px'});
$('#cow-wrapper').hover(function() {
cowLink.show();
}, function() {
cowLink.hide();
});
});