热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

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

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

鼠标移入移出

改变元素的背景颜色

首先;给div标签设置一个基本的样式,

让这个div元素垂直居中。

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

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

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

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

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

效果展示:

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

div元素绑定鼠标移入事件,

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

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

效果展示:

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

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

div元素绑定鼠标移出事件,

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

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

效果展示:

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

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

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


推荐阅读
  • 相对路径可一般跳转import{namespace,getStaffsasactionGetStaffs,addStaffsasactionAddStaffs}from.re ... [详细]
  • vscode js 有用的代码片断
    作为一位前端开辟工程师,我们天天都想着代码怎样抽成组件,大众要领。目标是为了削减工作量。然则你有无想过我们一直在写反复的代码,比方天天都会写import{xxx}fromantd; ... [详细]
  • 一个类似于京东Plus权益引见的小功用
    近来公司要开辟一套线上付费的会员App,是和原生一同混合式的开辟,有一个会员权益模块是悉数运用H5开辟,想给人人看下须要做成的案例:实在没什么难点,重要就是功用有:1、顶部导航栏能 ... [详细]
  • 从Windows10客户端通过VisualStudioCodeRemoteDevelopment连接到AzureCentOS时,如果在CentOS端启用了 ... [详细]
  • 是否可以在VSCode的JavaScript中预览SVG?有些插件可以预览VSCode中的SVG文件,但是如果它们在 ... [详细]
  • 更新vuecli遇到的坑
    挺久没写vue项目了,今天突然想写个vue项目,就按照常规流程开始构建了,输入vueinitwebpackmyproject,回车以后出现了一个提示,说我的vue-cli不是最新版 ... [详细]
  • 我已经使用Atom进行React编码多年了。我想切换到VSCode,因为这似乎是社区发展的 ... [详细]
  • 如何使VSCode始终运行main.py
    我正在用Python编写我的第一个库,在开发时,我希望VSCode中的运行代码按钮始终从根目录中 ... [详细]
  • 如何关闭VScode工具的git提示只需要关闭用户设置里的Git:Enabled即可;第一步,我们只需要打开”文件-首选项-设置”第二步,在搜索栏中搜索git:Ena ... [详细]
  • CSS3选择器的使用方法详解,提高Web开发效率和精准度
    本文详细介绍了CSS3新增的选择器方法,包括属性选择器的使用。通过CSS3选择器,可以提高Web开发的效率和精准度,使得查找元素更加方便和快捷。同时,本文还对属性选择器的各种用法进行了详细解释,并给出了相应的代码示例。通过学习本文,读者可以更好地掌握CSS3选择器的使用方法,提升自己的Web开发能力。 ... [详细]
  • 本文介绍了Java工具类库Hutool,该工具包封装了对文件、流、加密解密、转码、正则、线程、XML等JDK方法的封装,并提供了各种Util工具类。同时,还介绍了Hutool的组件,包括动态代理、布隆过滤、缓存、定时任务等功能。该工具包可以简化Java代码,提高开发效率。 ... [详细]
  • 本文介绍了C#中生成随机数的三种方法,并分析了其中存在的问题。首先介绍了使用Random类生成随机数的默认方法,但在高并发情况下可能会出现重复的情况。接着通过循环生成了一系列随机数,进一步突显了这个问题。文章指出,随机数生成在任何编程语言中都是必备的功能,但Random类生成的随机数并不可靠。最后,提出了需要寻找其他可靠的随机数生成方法的建议。 ... [详细]
  • 解决Cydia数据库错误:could not open file /var/lib/dpkg/status 的方法
    本文介绍了解决iOS系统中Cydia数据库错误的方法。通过使用苹果电脑上的Impactor工具和NewTerm软件,以及ifunbox工具和终端命令,可以解决该问题。具体步骤包括下载所需工具、连接手机到电脑、安装NewTerm、下载ifunbox并注册Dropbox账号、下载并解压lib.zip文件、将lib文件夹拖入Books文件夹中,并将lib文件夹拷贝到/var/目录下。以上方法适用于已经越狱且出现Cydia数据库错误的iPhone手机。 ... [详细]
  • 我正在VSCode中不断搜索文件中的代码。在编辑器中是否有键盘快捷键可从 ... [详细]
  • 我想将一个任务添加到我的VSCodetask.json文件中,该文件可以重新运行我 ... [详细]
author-avatar
skychen88232011
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有