使用js实现鼠标移入移出时背景色的切换效果

最新推荐文章于 2023-04-18 11:16:23 发布

yingziok888

最新推荐文章于 2023-04-18 11:16:23 发布

阅读量3.9k

点赞数

分类专栏： JavaScript 文章标签： JavaScript

本文链接：https://blog.youkuaiyun.com/yingziok888/article/details/50144205

版权

1 篇文章

订阅专栏

本文介绍了如何使用JavaScript实现鼠标移到元素上时改变背景色，离开时恢复原色的效果。通过定义`changeBG`和`changeBG2`两个方法，实现在`<li>`元素上的应用。此外，还提供了一种直接在标签内定义事件处理方法的实现方式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

定义两个方法：

/*设置导航栏处的鼠标移出和移入时背景色的变化 */
function changeBG(o) {
o.style.backgroundColor = "#5C75AA";
}
function changeBG2(o) {
o.style.backgroundColor = "";
}

</script>

在页面中的引用：

......

</ul>

移入时的效果：

移除后的效果：

如果不定义方法，直接在标签中实现的话，如下：

<td>