程序员经验分享-hwhale

HTML使用onmouseover属性更改背景颜色

2023-05-16

HTML如何使用onmouseover属性更改背景颜色？下面本篇文章就来给大家介绍一下在HTML中使用onmouseover属性更改背景颜色的方法，希望对大家有所帮助。

HTML的onmouseover属性在鼠标指针移动到元素上时触发。【推荐：html在线手册】

语法：

<element onmouseover="script">

在onmouseover属性内使用document.bgColor来设置背景颜色。

bgColor可获取/设置当前文档的背景颜色

语法：

document.bgColor ='nameOfColor'

示例：当鼠标移动到特定颜色上时，将改变背景的颜色。

<!DOCTYPE html> 
<html> 
    <head> 
    	<meta charset="UTF-8">
    </head> 
    <body> 
        <center> 
		    <!-- when mouse is move over the colour name, colour change -->
		    <a onmouseover="document.bgColor='greem'">Green</a><br> 
		    <a onmouseover="document.bgColor='red'">Red</a><br> 
		    <a onmouseover="document.bgColor='magenta'">Magenta</a><br> 
		    <a onmouseover="document.bgColor='purple'">Purple</a><br> 
		    <a onmouseover="document.bgColor='blue'">Blue</a><br> 
		    <a onmouseover="document.bgColor='yellow'">Yellow</a><br> 
		    <a onmouseover="document.bgColor='black'">Black</a><br> 
		    <a onmouseover="document.bgColor='orange'">Orange</a><br> 
		</center> 
    </body>     
</html>

效果图：

5.gif

更多web前端知识，请查阅 HTML中文网 ！！

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

HTML使用onmouseover属性更改背景颜色 的相关文章

随机推荐

  • 基于STM32F407四旋翼无人机（一）

    第一次写博客 xff0c 可能有很多地方写的不好 xff0c 请大家见谅 xff0c 这次想分享一下毕业做的一个毕业设计 基于STM32F407四旋翼无人机控制系统 的一些过程 我会最开始的模块程序编写来较为详细的讲解 刚开始先说一下飞控都

  • 关于线性卡尔曼滤波详细讲解（二）--GPS融合IMU数据

    上次我们说了卡尔曼最核心的五个公式 xff0c 还有一些上次没有说的东西 xff0c 这次也补全 xff0c 其实在我们实际需求中 xff0c 只知道这五个公式 xff0c 却不知道怎么去根据自己的需求去初始化各种状态转移矩阵之类的 xff

  • 基于STM32F407四旋翼无人机---MS5611气压计（三）

    基于STM32F407四旋翼无人机 MS5611气压计 xff08 三 xff09 1 关于MS5611的基本介绍2 通过IIC获取气压计数据3 转化为相对高度 1 关于MS5611的基本介绍 2 通过IIC获取气压计数据 3 转化为相对高

  • mavlink协议从入门到放弃（一）

    mavlink协议从入门到放弃 xff08 一 xff09 什么是MAVLINK协议网站和参考资料MAVLINK简介 MAVLINK协议包结构协议结构mavlink协议解析 最近比较忙 xff0c 搞了个项目用到了mavlink协议 xff

  • VSCode如何上传代码到git

    VSCode新建分支方式 先看一下结构 这里是一个改动后上传git时的目录 xff1a 修改代码放入暂更改区 结果如下图 此时 xff1a 更改 下面修改的内容已经移到了 暂存的更改 下面 代码Commit 代码推送到远程分支 注意 xff

  • C++中运算符重载需要遵循的规则

    一 C 43 43 中运算符重载需要遵循的规则 1 并不是所有的运算符都可以重载 能够重载的运算符包括 xff1a 43 amp 61 lt gt 43 61 61 61 61 61 61 amp 61 61 lt lt gt gt lt

  • novnc+vncserver访问docker容器桌面

    https blog csdn net u012829611 article details 72576493 utm medium 61 distribute pc relevant t0 none task blog BlogComme

  • Apache阶段二-

    一 Apache 主要配置文件注释 Apache的主配置文件 xff1a etc httpd conf httpd conf 默认站点主目录 xff1a var www html Apache服务器的配置信息全部存储在主配置文件 etc h

  • FreeRTOS基本教程零：STM32 FReeRTOS 移植流程

    一 资料准备 FreeRTOS源码下载地址 xff1a https github com FreeRTOS FreeRTOS https github com FreeRTOS FreeRTOS 我移植的是FreeRTOSv9 0 0 st

  • ROS自学实践(4)：使用GAZEBO进行物理仿真

    rviz中的仿真只是视觉上的仿真 xff0c 不能称得上物理仿真 xff0c gazebo是真正意义上的三维物理仿真平台 xff0c 可以在里面创建环境等相关信息 xff0c 方便以后的建模和导航 1 向xacro模型文件中添加惯性矩阵和碰

  • ROS自学实践(5)：GAZEBO建模及添加相机和激光雷达传感器并进行仿真

    在搭建完机器人小车的模型之后 xff0c 需要向其添加传感器 xff0c 以便提取传感器的数据 xff0c 进行后续的工作 一 相机 1 添加camera gazebo xacro文件 同添加机器人模型一样 xff0c 添加一个相机也需要进

  • 使用CSS禁用链接

    想要使用CSS禁用链接 xff0c 可以使用pointer events属性 xff0c 该属性设置在单击元素时页面中的元素是否必须响应 下面本篇文章就来给大家介绍一下pointer events属性 xff0c 希望对大家有所帮助 CSS

  • 使用CSS将文字显示在水平线中间

    如何使用CSS将文字显示在水平线中间 xff1f 下面本篇文章就来给大家介绍使用CSS实现文字显示在水平线中间效果的方法 xff0c 希望对大家有所帮助 CSS提供了在网页中间制作包含文字或图像的水平线以使其具有吸引力的功能 xff0c 这

  • 使用CSS使文本输入不可编辑

    在HTML中可以使用readonly属性创建不可编辑的文本输入 而在CSS的情况下 xff0c 可以使用pointer events属性使文本输入不可编辑 下面本篇文章就来给大家介绍一下 xff0c 希望对大家有所帮助 CSS pointe

  • 将数组转换为JSON数据

    如何将数组转换为JSON数据 xff1f 下面本篇就来给大家介绍一下将数组转换为JSON对象的方法 xff0c 希望对大家有所帮助 方法一 xff1a 使用Object assign Object assign 方法将枚举的所有属性的值从源

  • CSS设置链接的样式

    链接是从一个网页到另一个网页的连接 xff0c CSS可通过不同属性以各种不同方式来设置链接的样式 下面本篇文章就来给大家介绍一下CSS设置链接的样式的方法 xff0c 希望对大家有所帮助 在讨论CSS属性之前 xff0c 先了解链接的状态

  • 任务切换

    任务切换的方法 第一个方法就是借助中断来进行任务切换 xff0c 这是现代抢占式多任务的基础 在实模式下 xff0c 内存最低端1KB是中断向量表 xff0c 保存着256个中断处理过程的段地址和偏移地址 在保护模式下 xff0c 处理器不

  • 操作无法完成，因为该文件已在system中打开

    一 操作无法完成 xff0c 因为该文件已在system中打开 1 同时按下键盘上的Ctrl 43 Shift 43 ESC组合键 xff0c 打开 任务管理器 xff0c 2 切换到 性能 选项卡下 xff0c 并点击 资源管理器 xff

  • Ai智能时代即将到来，替代程序员还是相辅相成，我们拭目以待

    AI是否会替代前端程序员 xff1f 这是一个让很多人感到担忧的问题 随着AI技术的发展 xff0c 越来越多的工作被自动化 前端开发是否也会面临被取代的危机呢 xff1f 前端开发是指使用HTML CSS JavaScript等技术 xf

  • HTML使用onmouseover属性更改背景颜色

    HTML如何使用onmouseover属性更改背景颜色 xff1f 下面本篇文章就来给大家介绍一下在HTML中使用onmouseover属性更改背景颜色的方法 xff0c 希望对大家有所帮助 HTML的onmouseover属性在鼠标指针移

热门标签