我已经在我的网站上创建了一个“右侧滑动菜单”。它工作正常,一切都很好,但当我将鼠标指向菜单图标时,它向我显示一个正常的光标(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;
}
2条答案
按热度按时间pprl5pva1#
我想这个CSS就是你要找的。
8zzbczxx2#
你可以在hover事件上使用CSS来实现这一点,只需设置相关的class/html标签(例如:对于li元素):