html css js导航点击菜单后自动改变背景颜色

JavaScript015

html css js导航点击菜单后自动改变背景颜色,第1张

1、建立一个静态页命名为change.html ，标题为js导航点击的怎么同时变图片跟字体颜色。

2、设置一个简易的导航栏。

3、加css 控制菜单的样式，并加入背景图片。

4、为li添加id，创建函数fun ，并传递传递参数。

5、为函数加入点击导航改变背景图片的代码element.style.backgroundImage="url(images/bg2.png)"

6、加入改变文字大小的代码

element.style.color="black"

//修改文字大小

  element.style.fontSize="18px"

7、然后就完成了。

一般在设计 Activity 时，会设定 Activity 的主题，也就是套用某一个特定的 Theme。如果今天在启动 Activity 后，想要动态调整 App Bar 的背景颜色，可以在另外指定 Activity 所套用的 Theme 后，重新启动 Activity。然而，这样的程序只是为了换个颜色似乎有一点小题大作，所以在这篇文章中提供了另外一种不用重新启动 Activity 的方法。

由于在源代码中指定颜色值不是好习惯、不够弹性，所以示范的源代码会从指定的 Theme 中取出 colorPrimary 及 colorPrimaryDark 二项属性的内容，并分别套用到 App Bar 及 Status Bar。另外，示范的源代码使用的是衍生自 AppCompatActivity 的 Activity，所以在取得 Action Bar 的 Instance 时调用的是getSupportActionBar()。

1、实现获得rgb颜色的方法代码 。

2、获得到格式如下： rgb(225, 22, 23)然后进行拆分的方法代码。

3、把 （225,22,23）字符串进行拆分的方法代码。

4、最后的组合的方法代码。

5、获得十六进制颜色js方法代码。

6、获得十六进制颜色css样式代码。