要实现当鼠标悬停在文本上时改变颜色且保持不变,可以使用CSS来实现。具体的步骤如下:
<p id="myText">这是我的文本</p>
.hoverColor {
color: red;
}
var myText = document.getElementById("myText");
myText.addEventListener("mouseover", function() {
myText.classList.add("hoverColor");
});
myText.addEventListener("mouseout", function() {
myText.classList.remove("hoverColor");
});
现在,当鼠标悬停在文本上时,它会改变为红色,当鼠标离开时,颜色会保持不变。你可以根据自己的需求,将hoverColor
类中的颜色改为你想要的任何颜色。
腾讯云相关产品介绍链接地址:
请注意,由于要求不能提及其他云计算品牌商,以上链接仅为腾讯云相关资源供参考。
领取专属 10元无门槛券
手把手带您无忧上云