你可以使用JavaScript的addEventListener方法来实现这个功能。下面是一个简单的例子：

```javascript // 获取所有的li元素 var liElements = document.querySelectorAll('li');

// 遍历li元素 for (var i = 0; i < liElements.length; i++) { // 获取当前li元素的文本内容 var textContent = liElements[i].textContent;

// 如果点击的是li元素，显示div中的内容
if (i === 0) {
    // 鼠标悬停在li元素上时，显示div中的内容
    liElements[i].addEventListener('mouseover', function() {
        var divElement = document.querySelector('#divElement');
        divElement.innerHTML = textContent;
    });
} else {
    // 鼠标离开li元素时，隐藏div中的内容
    liElements[i].addEventListener('mouseout', function() {
        var divElement = document.querySelector('#divElement');
        divElement.innerHTML = '';
    });
}

} ```

这段代码首先获取所有的li元素，然后遍历li元素。对于每个li元素，它获取其文本内容，并检查点击的li元素。如果是第一个li元素，它将鼠标悬停在li元素上时，显示div中的内容。如果不是第一个li元素，它将在鼠标离开li元素时，隐藏div中的内容。