This can be done using a jquery plug-in cluetip
The download address is: plugins.learningjquery.com/cluetip/demo/
The following is a brief explanation of the usage:
1 First of all, of course Put the basic JS of JQUERY and the JS of this plug-in, such as:
$('a. basic').cluetip();
3 Define the height of the pop-up box, etc.:
$('a.custom-width').cluetip ({width: '200px', showTitle: false});
4 Pops up when the mouse moves to a connection: Hover over me
$('h4').cluetip({attribute: 'id', hoverClass: 'highlight'});
5 When the user actively clicks this link
$('#clickme').cluetip({activation: 'click', width: 650});
6 Rounded corners
$('ol.rounded a:eq(0)').cluetip({splitTitle: '|', dropShadow: false, cluetipClass: 'rounded', showTitle: false});
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
