Tooltip that follows cursor

<style>
#s-m-t-tooltip {
z-index: 938458935;
background: white;
color: black;
font-size: 15px;
line-height: 140%;
text-align:left;
border: 1px solid black;
font-family: ms gothic;
letter-spacing: 1px;
text-transform: normal;
max-width: 300px;
word-wrap: normal;
padding: 5px;
display: block;
margin:10px;
/* Remove the transition stuff if you don't want the tooltip to be weirdly slow.*/
-o-transition: all 0.3s ease-out;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="https://static.tumblr.com/lspzyz3/xloqk6cgp/jquery.style-my-tooltips.js"></script>
<script>
(function($){
$(document).ready(function(){
$("[title]").style_my_tooltips({
tip_follows_cursor: true,
tip_delay_time:100,
tip_fade_speed:300,
attribute:"title"
});
});
})(jQuery);
</script>
<a href="#" data-toggle="tooltip" title="Check it out! You can use tooltip on links like you see here. you can also use them on just about anything else html related." class="">sweet lord i had to DIG to find this in the recesses of my computer</a>