javascript - 使用链接的类更改背景

标签 javascript html css background

首先,抱歉我的英语不好,我是法国人,所以..

这是我的问题。 我有一个菜单,其中有一个 class="selected"用于事件元素。我有这个类的自定义 css。它有效,所以,没关系。 但是,我想为页面设置不同的主体背景。 例如page1必须是灰色的,page2必须是黑色的等等。

但是,我不能向我的 body 添加一个类(然后,用 css 更改背景),因为我将所有页面加载到同一个 index.php 文件中。

我以为我可以用一些 javascript 来解决我的问题?哪个将获得哪个元素具有“选定”类,并应用自定义主体的背景

谢谢

最佳答案

可以有很多其他不同的方法来做到这一点。这是一个想法。

On Page load using Jquery's $(document).get ready,你可以得到选中的菜单。这是对整体的粗略了解。

<ul>
<li bodybgcolor="red" class="selected"></li>
<li bodybgcolor="green"></li>
<li bodybgcolor="yell"></li>
<ul>

 $(document).ready(function() { 
 bodybgcolor =   $(.selected).attr("bodybgcolor");
 $("body").css('background-color', 'blue');
 }

可以获取class=selected及其bodybgcolor属性来设置body颜色。

从服务器端: 如果您正在动态生成菜单并在其中标记所选类,那么此时您在 $bodybgcolor 中定义了主体背景颜色,并且可以在您的主体颜色或样式中使用相同的颜色。

<body background=""=<?php  echo $bodybgcolor; ?>>

谢谢

关于javascript - 使用链接的类更改背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11341649/

相关文章:

html - 根据两点在Div中绘制颜色

javascript - 当移动到 AngularJS 上的其他路由时,如何保留我的输入数据?

jquery - 无法更改 Bootstrap 单元格上的 <td> CSS 样式

html - CSS3 在悬停另一个元素时显示一个分区

javascript - 如何将 svg 之后的 div 添加到现有 div

javascript - 是否可以使用 javascript 来检测屏幕阅读器是否正在用户计算机上运行?

javascript - RSelenium:向下滚动以加载网页内容

javascript - 在href中附上文章的链接

javascript - 为什么尝试释放此 Node-MySQL 池会导致错误?

javascript - JavaScript 中的转义\51