当前位置: 开发笔记 > 编程语言 > 正文

鼠标移入移出改变元素的背景颜色

作者：skychen88232011 | 来源：互联网 | 2023-08-12 11:57

鼠标移入移出改变元素的背景颜色首先；给div标签设置一个基本的样式，让这个div元素垂直居中。效果展示:然后在script标签里面获取元素div，将获取到的div赋值给div，然后

鼠标移入移出

改变元素的背景颜色

首先；给div标签设置一个基本的样式，

让这个div元素垂直居中。

《鼠标移入移出改变元素的背景颜色》效果展示:

《鼠标移入移出改变元素的背景颜色》

然后在script标签里面获取元素div，

将获取到的div赋值给div，然后输出到控制台。

《鼠标移入移出改变元素的背景颜色》

效果展示:

《鼠标移入移出改变元素的背景颜色》

为div元素绑定鼠标移入事件，

鼠标移入时div的背景色变为粉色。

《鼠标移入移出改变元素的背景颜色》

效果展示:

当我鼠标移入是div元素的背景颜色变为了粉色

《鼠标移入移出改变元素的背景颜色》

为div元素绑定鼠标移出事件，

鼠标移出时div的背景色变为天蓝色。

《鼠标移入移出改变元素的背景颜色》

效果展示:

《鼠标移入移出改变元素的背景颜色》

以上就是鼠标移入移出改变元素的背景颜色的代码了

推荐阅读

join
处理vscode 开辟react 导入绝对路径没法跳转的题目

相对路径可一般跳转import{namespace,getStaffsasactionGetStaffs,addStaffsasactionAddStaffs}from.re ... [详细]

蜡笔小新 2023-08-23 12:25:06
function
vscode js 有用的代码片断

作为一位前端开辟工程师，我们天天都想着代码怎样抽成组件，大众要领。目标是为了削减工作量。然则你有无想过我们一直在写反复的代码，比方天天都会写import{xxx}fromantd; ... [详细]

蜡笔小新 2023-10-10 20:30:05
function
一个类似于京东Plus权益引见的小功用

近来公司要开辟一套线上付费的会员App，是和原生一同混合式的开辟，有一个会员权益模块是悉数运用H5开辟，想给人人看下须要做成的案例：实在没什么难点，重要就是功用有：1、顶部导航栏能 ... [详细]

蜡笔小新 2023-07-17 17:18:26
function
在VS代码的远程开发中启用Python扩展后，网络已断开连接

从Windows10客户端通过VisualStudioCodeRemoteDevelopment连接到AzureCentOS时，如果在CentOS端启用了 ... [详细]

蜡笔小新 2023-08-24 15:04:09
function
在VSCode中的JavaScript中预览SVG

是否可以在VSCode的JavaScript中预览SVG？有些插件可以预览VSCode中的SVG文件，但是如果它们在 ... [详细]

蜡笔小新 2023-08-21 19:13:53
function
更新vuecli遇到的坑

挺久没写vue项目了，今天突然想写个vue项目，就按照常规流程开始构建了，输入vueinitwebpackmyproject，回车以后出现了一个提示，说我的vue-cli不是最新版 ... [详细]

蜡笔小新 2023-08-21 18:01:10
int
VSCode似乎没有来自Atom的自动完成路径版本？

我已经使用Atom进行React编码多年了。我想切换到VSCode，因为这似乎是社区发展的 ... [详细]

蜡笔小新 2023-08-17 11:20:04
go
如何使VSCode始终运行main.py

我正在用Python编写我的第一个库，在开发时，我希望VSCode中的运行代码按钮始终从根目录中 ... [详细]

蜡笔小新 2023-08-10 14:26:47
go
如何关闭vscode git工具

如何关闭VScode工具的git提示只需要关闭用户设置里的Git:Enabled即可;第一步,我们只需要打开”文件-首选项-设置”第二步,在搜索栏中搜索git:Ena ... [详细]

蜡笔小新 2023-08-01 15:05:43
int
C语言实现小写金额转换为大写金额

在金融和会计领域，准确无误地填写票据和结算凭证至关重要。这些文件不仅是支付结算和现金收付的重要依据，还直接关系到交易的安全性和准确性。本文介绍了一种使用C语言实现小写金额转换为大写金额的方法，确保数据的标准化和规范化。 ... [详细]

蜡笔小新 2024-12-27 12:39:06
function
每日一题：寻找与众不同的数字

在给定的数组中，除了一个数字外，其他所有数字都是相同的。任务是找到这个唯一的不同数字。例如，findUniq([1, 1, 1, 2, 1, 1]) 返回 2，findUniq([0, 0, 0.55, 0, 0]) 返回 0.55。 ... [详细]

蜡笔小新 2024-12-27 12:19:16
hash
网络攻防实战：从HTTP到HTTPS的演变

本文通过一系列日记记录了从发现漏洞到逐步加强安全措施的过程，探讨了如何应对网络攻击并最终实现全面的安全防护。 ... [详细]

蜡笔小新 2024-12-27 11:34:50
go
Linux 网卡绑定的七种工作模式详解

本文深入探讨了Linux系统中网卡绑定（bonding）的七种工作模式。网卡绑定技术通过将多个物理网卡组合成一个逻辑网卡，实现网络冗余、带宽聚合和负载均衡，在生产环境中广泛应用。文章详细介绍了每种模式的特点、适用场景及配置方法。 ... [详细]

蜡笔小新 2024-12-27 10:18:13
main
寻找满足特定条件的整数N的最大和(a+b)

本文探讨了如何在给定整数N的情况下，找到两个不同的整数a和b，使得它们的和最大，并且满足特定的数学条件。 ... [详细]

蜡笔小新 2024-12-26 19:26:18
config
如何在.NET Core中管理项目的程序集？

如何在.NETCore中管理项目的程序集？我借助VS代码中的dotnetnewwebapi命令创 ... [详细]

蜡笔小新 2024-10-10 12:30:09

skychen88232011

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章