When we need to change the mouse mode to hand-like in a web page, we can use CSS styles or JavaScript to achieve it. The following will introduce two methods separately.

1. Use CSS styles to change the mouse mode

Using CSS styles directly can simply change the mouse mode to hand. We can do this by adding on the elements that need to display the hand shapestyle="cursor:pointer;"来实现。例如：

复制代码当鼠标移动到这里时，显示手状光标

This way, when the mouse moves over the element, the mouse automatically appears as a hand cursor.

2. Use JavaScript to trigger events to change mouse mode

We can also use JavaScript to trigger events and change the mouse mode to hand-like. By adding mouse events to the element's label, for exampleonmouseover，当鼠标移动到元素上时触发该事件。以下是两种方式：

The first way:

复制代码当鼠标移动到这里时，显示手状光标

The second way:

复制代码当鼠标移动到这里时，显示手状光标

In the second approach, we can define it in CSS.mouseHand样式，使其具有手状光标样式。

cursorCommon values for attributes are as follows:

1. default: standard arrow cursor
2. pointerorhand: 手形光标
3. auto: standard cursor
4. all-scroll: Triangle direction cursor
5. move: Move the cursor
6. crosshair: Cross Cursor
7. wait: Wait for the cursor
8. text: I alphabetic cursor
9. vertical-text: Horizontal I-shaped cursor
10. no-drop: cannot drag the cursor
11. not-allowed: Invalid cursor
12. help: Help Cursor

The above is the use of CSS and JavaScript mouse mode for hand-like approach. You can choose the appropriate method according to specific needs to achieve.