利用cursor属性
比如说cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
一个完整的例子：

button:hover{
  cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
}
body,label,div,nav,section,footer,time,span,h1,h2,h3,h4,h5{
  cursor: url(https://sinriv.com/img/mouse.ico),auto;
}
textarea{
  cursor: url(https://sinriv.com/img/mouse_edit.ico),auto;
}
a:hover{
  cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
}
.mouse-selected,.mouse-selected>*{
  cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
}
input[type="text"]{
  cursor: url(https://sinriv.com/img/mouse_edit.ico),auto;
}
input[type="button"]{
  cursor: url(https://sinriv.com/img/mouse_hover.ico),auto;
}

很简单，四行代码
首先先获取元素

var e=document.getElementById("div");

然后设置样式

e.onmouseover = function(){
  this.style.cursor = 'pointer';
}

如果我们希望直接使用自己图片(必须ico格式)作为鼠标形状，可以在script中添加url地址。

e.onmouseover = function(){
  this.style.cursor = 'url(cur.ico),auto';
}

如果想在整个网页打开后默认鼠标样式可以直接在body中“onload=“document.body.style.cursor='crosshair'“，crosshair可以换成pointer、move或者url图片等鼠标样式。