javascript 更改鼠标光标在按钮上-垂直于指针

w80xi6nr  于 2023-05-12  发布在  Java
关注(0)|答案(2)|浏览(107)

我已经在我的网站上创建了一个“右侧滑动菜单”。它工作正常,一切都很好,但当我将鼠标指向菜单图标时,它向我显示一个正常的光标(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;
}
pprl5pva

pprl5pva1#

我想这个CSS就是你要找的。

#buttonu5815:hover {
   cursor:pointer;
}
8zzbczxx

8zzbczxx2#

你可以在hover事件上使用CSS来实现这一点,只需设置相关的class/html标签(例如:对于li元素):

li:hover {
    cursor: pointer;
}

相关问题