JS点击按钮如何改变网页的背景颜色

xiaoxiao2021-02-28  115

在做项目的时候碰到一个问题,通过点击按钮来改变网页的背景颜色,如下图所示的效果。那么怎么去实现它呢? 点击上方选择背景颜色的按钮来显示不同的背景颜色,首先要给这些背景图标一个点击事件:

<span>选择背景颜色</span> <a href="#" onclick="turncolors('e8ebec')" id="color_01"><img alt="图片出错" src="../../img/run/1.png"></a>

οnclick=”turncolors(‘e8ebec’)” 是点击事件,turncolors(‘e8ebec’)是JS的函数,括号里面的值是代表颜色的的代码,通过JS来传值实现我们的目的。 JS的代码如下:

//背景颜色 function turncolors(color) { /*alert(color);*/ $(".article").css("background-color","#"+color); $(".head").css("background-color","#"+color); }

给turncolors()函数一个代表颜色的color属性,通过JQuery写法把color的值传进去来实现我们的效果。

转载请注明原文地址: https://www.6miu.com/read-39246.html

最新回复(0)