我在我的js網站上創建了一個“右側滑動菜單”。它工作,一切正常,但當我把鼠標放在菜單圖標上時,它顯示一個正常的光標(看鏈接中的圖片)。我需要一個指針光標沒有添加任何鏈接。
#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;
}
我想這個CSS就是你要找的。
#buttonu5815:hover {
cursor:pointer;
}
您可以在懸停事件上使用CSS來實現這一點,只需設置相關的class/html標記(例如,對于li元素):
li:hover {
cursor: pointer;
}