HTML鼠标滑过同时改变图片和文字

可以使用JavaScript来实现鼠标滑过同时改变图片和文字。以下是一个示例代码：

HTML部分：

<div id="myDiv">
  <img id="myImg" src="image1.jpg" alt="Image">
  <p id="myText">Text</p>
</div>

JavaScript部分：

var myDiv = document.getElementById("myDiv");
var myImg = document.getElementById("myImg");
var myText = document.getElementById("myText");

myDiv.addEventListener("mouseover", function() {
  myImg.src = "image2.jpg";
  myText.innerHTML = "New Text";
});

myDiv.addEventListener("mouseout", function() {
  myImg.src = "image1.jpg";
  myText.innerHTML = "Text";
});

在这个示例中，当鼠标滑过`myDiv`元素时，图片`myImg`的`src`属性会改变为`image2.jpg`，同时段落`myText`的`innerHTML`属性会改变为`New Text`。当鼠标移出`myDiv`元素时，图片和文字都会恢复到初始状态。你可以根据自己的需求修改代码中的图片和文字内容。