这个解决方法有很多,可以使用css样式的hover,也可以使用js鼠标上移事件
看下面的代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
.div{
width: 300px;
height: 200px;
background-color: limegreen;
}
h2{
color: aliceblue;
}
</style>
</head>
<body>
<div class="div"><h2 font-color="white" align="center" onmouseover="handleMouseOver()" onmouseout="handMouseOut()">快来摸我</h2></div>
</body>
<script>
function handleMouseOver() {
var h2Dom=document.querySelector("h2");
h2Dom.innerHTML="AAAXXX"
}
function handMouseOut() {
var h2Dom=document.querySelector("h2");
h2Dom.innerHTML="不要走嘛"
}
</script>
</html>
就是鼠标移到对应位置改变文字,当然也可改变样式,演示截图如下
用 :hover就能写出鼠标移入样式
你这图也看不清呐~
您的问题已经有小伙伴解答了,请点击【采纳】按钮,采纳帮您提供解决思路的答案,给回答的人一些鼓励哦~~
ps:开通问答VIP,享受5次/月 有问必答服务,了解详情↓↓↓
【电脑端】戳>>> https://vip.csdn.net/askvip?utm_source=1146287632
【APP 】 戳>>> https://mall.csdn.net/item/52471?utm_source=1146287632