MENU

用CSS添加鼠标样式,鼠标移上去变小手

January 21, 2021 • Read: 969 • CSS阅读设置

用CSS添加鼠标样式,鼠标移上去变小手

cursor:pointer;

用JS使鼠标变小手onmouseover(鼠标越过的时候)

onmouseover="this.style.cursor='hand'"
//cursor其他取值
auto                //标准光标
default             //标准箭头
pointer, hand       //手形光标
wait                //等待光标
text                //I形光标
vertical-text       //水平I形光标
no-drop             //不可拖动光标
not-allowed         //无效光标
help                //帮助光标
all-scroll          //三角方向标
move                //移动标
crosshair           //十字标
e-resize            //箭头朝右方
n-resize            //箭头朝上方
nw-resize           //箭头朝左上方
w-resize            //箭头朝左方
s-resize            //箭头朝下方
se-resize           //箭头朝右下方
sw-resize           //箭头朝左下方