js怎么设置按钮控制背景颜色
最近身边一些朋友咨询小编关于js实现点击按钮变换背景颜色，说实话小编对这个不太了解，但是小编从网络上整理了相关的资源，大家可以看一下，希望能够帮助到大家！
操作方法
- 01
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>js实现点击按钮变换背景颜色</title><script type="text/javascript">function aa(){document.bgColor="Orange";}
- 02
function change(c){document.bgColor=c;}</script></head>
- 03
<body onload="aa()"><input type="button" value="橙色" onclick="change('Orange')"/><input type="button" value="粉色" onclick="change('pink')"/><input type="button" value="绿色" onclick="change('green')"/>
- 04
<br /><br/></body></html>
- 05
以上就是所有的代码，因为经验的要求，小编给拆分了，大家可以复制在一起使用。
相关推荐
-
Word 2007中设置单色页面背景颜色
在Word2007文档中设置单色页面背景颜色的步骤如下所述： 第1步，打开Word2007文档窗口，切换到“页面布局”选项卡。 第2步，在“页面背景”分组中单击“页面颜色”按钮，并在打开的页面颜色面板 ...
-
在word中怎么设置表格的背景颜色?
在word表格中隔行设置背景颜色,这样的表格数据看起来更直观,还不至于看错行,其好处多多,下面介绍如何设置表格的背景颜色?不会的朋友可以参考本文,来看看吧! 步骤 打开word文档主界面,进入编辑界面 ...
-
怎样更改网页背景色，怎么设置html网页背景颜色
介绍一下怎样更改网页的背景颜色,如何将一个简单html页面的背景色通过设置将其更换. 怎样更改网页背景色,怎么设置html网页背景颜色 01 如下图,该html网页的背景色是纯白的,将通过以下示范将改 ...
-
在EXCEL表格中如何设置表格的背景颜色
在EXCEL表格中如何设置表格的背景颜色呢?下面小编来教大家. 操作方法 01 首先,我们打开我们电脑上面的excel: 02 之后我们点击图示中的那个地方,这样我们就选中整个表格了: 03 之后我们 ...
-
excel表格怎么修改设置好的背景颜色
Excel表格法是我们常用的办公软件之一,有小伙伴问表格单元格的背景颜色无法修改怎么办,下面小编介绍一下.具体如下:1. 打开Excel表格,选中需要修改的单元格,点击菜单栏的"条件格式&q ...
-
Mac电脑如何设置Pages文本背景颜色
现在有很多人在使用Mac电脑,有些新用户不知道如何设置Pages文本背景颜色,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步先点击[启动台]图标,接着根据下图所示,找到并点击[p ...
-
怎么设置抖音背景颜色
抖音是现在非常流行的一款短视频软件,有些新用户不知道怎么设置抖音背景颜色,接下来小编就给大家介绍一下具体的操作步骤.具体如下:1. 首先第一步打开手机中的[高德地图]App,先点击右下角[我],接着根 ...
-
excel怎么设置表格的背景颜色和样式
excel表格可以自由设置表格的背景颜色和样式,不需要千篇一律的一种颜色,你可以调节背景为各种样式的背景,比如说星星点点等,具体设置方法如下 操作方法 01 首先打开你的excel,然后选择你需要设置 ...
-
在Word2010文档中设置单色页面背景颜色
页面背景是指显示于Word文档最底层的颜色或图案，用于丰富Word文档的页面显示效果。在Word2010文档中设置单色页面背景的步骤如下所述： 第1步，打开Word2010文档窗口，切换到“页面布局” ...
