Изменить курсор мыши на кнопку - нормаль к указателю

Question

Я создал на своем сайте в js «правое скользящее меню». Он работает, и все в порядке, но когда я наводил указатель мыши на значок меню, он показывает мне обычный курсор (look at the picture in link). Мне нужен указательный курсор без добавления ссылок.

#buttonu5815{ 

     transition-property: top; 
     transition-duration: 0.2s; 
     transition-timing-function: ease; 

     -webkit-transition-property: top; 
     -webkit-transition-duration: 0.2s; 
     -webkit-transition-timing-function: ease; 
    } 

---

var theMenu; 
var originLeft; 

window.onload = function() { 
    //Click to open on the Muse Icon 
    element = document.getElementById("buttonu5717"); 
    element.onclick = openMenu; 

    //save the Left position 
    originLeft = document.getElementById("buttonu5815").style.top; 
    //Get the Menu element 
    theMenu = document.getElementById("buttonu5815"); 

    //Click to close 
    closeBtn = document.getElementById("buttonu5822"); 
    closeBtn.onclick = closeMenu; 
} 

function openMenu(){ 
    theMenu.style.top = 0; 
} 

function closeMenu(){ 
    theMenu.style.top = originLeft; 
} 

Answer 1

Я думаю, что это CSS является то, что вы ищете.

#buttonu5815:hover { 
    cursor:pointer; 
} 

Answer 2

Вы можете достичь этого с помощью CSS на событии парения, просто установите соответствующий класс/html тег (например, для элемента LI):

li:hover { 
    cursor: pointer; 
}