html5 - 在站点的不同位置,我如何更改 background 颜色?

  显示原文与译文双语对照的内容
63 2

( 对不起,我的英语坏了)

我想创建一个主菜单 background的网站,但是当我去登录区域时,background 颜色变成 black 。

P.S: i`m

时间:

76 5

如果你制作不同的页面,并且每页都有自己的菜单,你可以制作 inline 样式: 登录页面中的主页

但是,如果你在项目中有一个菜单,可以通过javascript查看窗口的url,如果你在 background 页面,则使 background black var菜单= document.getElementById("menu" )


if(window.location =="home/")


{


 menu.style.backgroundColor ="white";


}


else if (window.location =="login/") 


{


 menu.style.backgroundColor ="black";


}



你应该编写 url true

125 2

欢迎来到堆栈 overflow 如果还没有,首先你需要学习 CSS,以便你可以应用HTML代码。 你可以使用CSS转换。CSS动画或者使用Javascript来实现这种过渡效果。 如果使用CSS实现这种效果,则需要使用与元素悬停选择器一起使用的转换。 以下是对CSS和CSS转换的良好介绍,让你开始: )

| MDN的简介

使用CSS转换| MDN

107 2

一些指针。

首先,使用大量的div ( 或者 sectionaside 等) 。 div是将其他HTML代码放入到的包装器/容器。 你可以将container-full-of-code样式设置为具有不同的background 颜色( 或者不同的padding,或者不同的位置等) 。 大多数初学者都犯了使用过少这样的容器的错误。 ( 节和Asides与div相同,但搜索引擎对它们进行了不同的处理。)

接下来,发现 javascript ( 它的easier-to-use cousin,jQuery ) 。 如果你希望样式更改 on-the-fly,那就是 javascript 。

jQuery几乎就像另一种语言,但实际上它是一个在运行时变成纯javascript的javascript库。 只要使用它- 我们很多人认为这对javascript是一个巨大的改进,特别是对于初学者来说。 注意,它不是一个one-or-the-other决策- 你可以将纯javascript与jQuery代码混合或者匹配。 做一个关于jQuery的小时教程,然后重复教程10次( 直到你掌握它) 。

那么你的问题。

实际上,菜单可以由 DIV DIV DIV组成,但是你可以将外部DIV设置为白色。

登录屏幕时,( 对我来说,这听起来像是 javascript/jquery 。) 将使用相同的代码来更改主菜单 background 颜色。 使用jQuery时,代码可能类似于下面这样:


$('#login_button_ID').click(function(){


 $('#login_div_ID').show();


 $('#mainmenu_div_ID').css('background','black');


//-OR- $('#mainmenu_div_ID').addClass('bgBlack');


});



不是那么复杂,是吧?

原作者:
...