TheSanches,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
</head>
<body>
<a id="mylink" href="https://www.google.com.ua/?gws_rd=ssl">hover and you will see the url for this link</a>
<script>
let url = document.links.mylink.href;
let linkHover = document.links.mylink;
linkHover.onmouseenter = function () {
divShow();
}
function divShow() {
linkHover.style.position = 'relative';
let div = document.createElement('div');
div.style.position = 'absolute';
div.style.padding = '20px';
div.style.background = '#E7E4E2';
div.style.color = '#000';
div.style.bottom = '-85px';
div.style.left = '0px';
div.style.border = '1px solid #E4E1DF';
div.style.borderRadius = '10px';
div.style.boxShadow = '0 0 15px rgba(0,0,0,.1)';
div.className = 'testDiv';
div.style.opacity = 0;
div.style.transition = '1s';
div.style.transform = 'scale(0)'
div.innerHTML = url;
linkHover.appendChild(div);
window.setTimeout(function() {
div.style.opacity = 1;
div.style.transform = 'scale(1)'
},100)
linkHover.onmouseleave = function () {
linkHover.removeChild(div);
}
}
</script>
</body>
</html>