HTML中使用JavaScript实现一个简单的鼠标悬停特效。

代码中，我们首先在CSS中定义了一个红色的方块，然后使用:hover伪类定义了鼠标悬停时的样式。接着，在JavaScript中定义了一个函数showMessage()，用于在控制台输出一条消息。最后，在HTML中使用标签定义了一个id为myDiv的红色方块，并在onmouseover事件中调用了showMessage()函数。

/* 定义悬停前和悬停后的样式 */

#myDiv {

width: 100px;

height: 100px;

background-color: red;

}

#myDiv:hover {

background-color: blue;

}

// 定义JavaScript函数，用于在控制台输出一条消息

function showMessage() {

console.log(“鼠标悬停在红色方块上！”);

}