0

首先，对不起我的英语，我是法国人，所以..

这是我的问题。我有一个菜单，其中一个 class="selected" 用于活动项目。我有这个类的自定义 css。它有效，所以，这没关系。但是，我希望页面有不同的主体背景。例如，page1 必须是灰色的，page2 必须是黑色的，等等。

但是，我不能在我的正文中添加一个类（然后，用 css 更改背景），因为我将所有页面加载到同一个 index.php 文件中。

我认为我可以用一点 javascript 来解决我的问题？哪个将获得哪个项目具有“选定”类，并应用自定义主体的背景

谢谢

4

2 回答 2

2

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

在使用 Jquery 的 $(document).get 加载页面时，您可以获得选定的菜单。这是一个关于整体的粗略想法。

<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 属性来设置主体颜色。

从服务器端： 如果您正在动态生成菜单并在其中标记所选类，那么当时您在 $bodybgcolor 中定义了 body bg 颜色，并且可以在您的 body 颜色或样式中使用相同的颜色。

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

谢谢

于 2012-07-05T09:46:09.317 回答
0

用 jquery 试试这个：

$("#id_of_what_you_want_to_change).css({background: url("image.jpg")});

对于每一页：

在页面加载时执行此操作，假设您有一系列背景图像，每个图像都有相应页面的名称：

 jQuery(function($){
var title = $(this).attr('title');

        loadbackground(title);      
    });
function loadbackground(title)
{
$("body").css({background: url(title+".jpg")});
}
于 2012-07-05T09:57:22.580 回答