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

在这篇文章中,onmouseover事件的工作是通过将鼠标移到特定颜色上来改变段落的颜色。

null

语法:

document.bgColor = 'nameOfColor'

当鼠标移动到特定颜色上时,将改变背景颜色的HTML代码。Background Color属性指定元素的背景色。

< html >
< p >
<!-- when mouse is move over the colour name, colour change -->
< a onmouseover = "document.bgColor='greem'" >Bright 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 >
</ p >
</ html >


输出: 最初,背景颜色为白色- 图片[1]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“亮绿色”上时- 图片[2]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“红色”上时- 图片[3]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“洋红”颜色上时- 图片[4]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“紫色”上时- 图片[5]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“蓝色”上时- 图片[6]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“黑色”上时- 图片[7]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“橙色”上时- 图片[8]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

当鼠标移到“黄色”上时- 图片[9]-HTML |使用onmouseover属性更改背景颜色-yiteyi-C++库

© 版权声明
THE END
喜欢就支持一下吧
点赞9 分享