使用链接类更改背景

时间:2012-07-05 09:38:32

标签: javascript html css background

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

这是我的问题。 我有一个菜单,其中class =“selected”表示活动项目。我有这个课程的自定义CSS。它有效,所以,这是好的。 但是,我想为页面提供不同的正文背景。 例如,page1必须为灰色,page2为黑色等。

但是,我无法在我的身体中添加一个类(然后用css更改背景),因为我将所有页面加载到相同的index.php文件中。

我以为我可以通过一些javascript来解决我的问题?哪个项目具有“选定”类,并应用自定义主体的背景

由于

2 个答案:

答案 0 :(得分:2)

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

使用Jquery的$(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属性来设置正文颜色。

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

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

由于

答案 1 :(得分: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")});
}