Edit in JSFiddle

var MyApplication = {
	handleClick: function(event) {
        debugger;
        var target = event.target;
        var posX = event.clientX;
        var posY = target.offsetTop;
        var classDisappear = "alert alert-success disappear";
        var classReveal = "alert alert-success reveal";
		this.showMessageBox(posX, posY, classReveal, classDisappear);
    },
	handleMouseover: function(event){
        var target = event.target;
        var posX = event.clientX;
        var posY = target.offsetTop - 50;
        var classDisappear = "alert alert-danger disappear";
        var classReveal = "alert alert-danger reveal";
    	this.showMessageBox(posX, posY, classReveal, classDisappear);
    },
    showMessageBox: function(posX, posY, classReveal, classDisappear){
		var messageBox = document.getElementById("message");
        messageBox.style.position = 'absolute';
        messageBox.style.left = posX + "px";
        messageBox.style.top = posY + "px";
        console.log(messageBox.style);
        console.log(messageBox.style.top);
        messageBox.className = classReveal;
        setTimeout(function(){
			messageBox.className = classDisappear; 
        }, 400);
	}
}

var buttons = document.querySelectorAll("button");
for(var i = 0; i<buttons.length; i+=1) {
    buttons[i].addEventListener("click", MyApplication.handleClick.bind(MyApplication));
}

<button class = "btn btn-info" id="1">Botão 1</button>
<button class = "btn btn-info" id="2">Botão 2</button>
<button class = "btn btn-info" id="3">Botão 3</button>
<button class = "btn btn-info" id="4">Botão 4</button>

<div id = "message" class="alert alert-success reveal" role="alert">
  <a href="#" class="alert-link">Teste</a>
</div>

button{
    width: 100%;
    margin-top: 100px;
}

.reveal{
    display: inline;
}

.disappear{
    display: none;
}