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样式代码。