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

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>

效果图：

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

HTML使用onmouseover属性更改背景颜色相关推荐

xshell更改背景颜色，解决乱码问题及更改字体及字体大小
https://blog.csdn.net/hanhanwanghaha宝藏女孩欢迎您的关注! 欢迎关注微信公众号:宝藏女孩的成长日记如有转载,请注明出处(如不注明,盗者必究) 这三个键分别是更改 ...
Keil更改背景颜色
转载:https://blog.csdn.net/enfang1120/article/details/80748593 Keil更改背景颜色 1.先将keil安装目录下UV4中global文件复制出 ...
改变input框disabled 属性的背景颜色以及字体颜色
改变input框disabled 属性的背景颜色以及字体颜色 color:#333333; background: white; opacity: 1; -webkit-text-fill-color ...
如何在转换CAD图纸的时候更改背景颜色？
在我们编辑完CAD图纸图纸时,基本都是Dwg格式的,但是有的时候我们不需要Dwg格式的图纸,还需要将CAD图纸转换成PDF格式的文件,但是在CAD转换器中怎么转换出黑白的PDF文件呢? 第一步:在我 ...
matlab绘制螺旋线+隐藏坐标轴+更改背景颜色
当进行使用螺旋线的图片时,可直接用matlab将螺旋线绘制出来,但是存在坐标轴与图片背景为灰色的情况.查阅资料,可用几句程序就可以实现. close all t=0:0.01:10*pi; x=10* ...
宫格布局，动态更改背景颜色，图标，跳转页面（笔记）
html <u-grid :col="4" :border="false">//循环数据,动态渲染每块的跳转页面<u-grid-item v- ...
背景属性：背景颜色、背景图片、背景图片平铺方式、背景图片定位、背景属性复合写法
背景属性 1.背景颜色背景颜色应用于:内容区内间距区边框区颜色表现方式:颜色英语单词16进制代码 #rgb(0,0,0) 0-255 .box {width: 200px;height: ...
floatingactionbutton 更改背景颜色_经验分享！Word轻松换掉证件照背景颜色
生活中,我们入职或者办证都需要用到证件照,还有各种要求,例如需要红底.白底等等,因为要换个背景颜色,就要去重拍一张吗?当然不用,现在我们可以用word换证件照颜色,PS都免了,一起来看看操作方法吧. ...
nodpad 设置护眼_Notepad++更改背景颜色（护眼色）
最近偏执于护眼色,于是把所有软件背景颜色都设成了护眼色>_ 这篇讲一下如何更改Notepad++的背景颜色 Notepad++是Windows操作系统下的一套文本编辑器(软件版权许可证: GPL ...

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

HTML使用onmouseover属性更改背景颜色相关推荐

最新文章

热门文章