-1

我正在尝试向我的网站添加功能，其中背景将根据使用样式表的部分 URL 进行更改。

例子：

address/shop/index.php             = background image 1
address/shop/index.php?cPath=22    = background image 2
address/shop/index.php?cPath=23    = background image 3
address/shop/index.php?cPath=24    = background image 4

有任何想法吗？我看过 Javascript 和 jQuery，但不确定选择哪一个或如何去做。

4

4 回答 4

3

看起来你正在使用 PHP，所以你应该能够在没有 javascript 的情况下做到这一点。您只需要使用 PHP 的服务器变量。

就像是

 $cPath = $_GET['cPath']; //This allows access to the query part of the url
 if($cPath == 24){
     //set background url
 }
于 2013-07-10T22:57:20.967 回答
0

您总是可以让 url 的一部分被标签包围，例如<font> 所以代码如下：

<a>your url link 
    <font class='background1'>part with background1</font>
    <font class='background2'>part with background2</font>
</a>

然后在css中你可以拥有

.background1{background: url('...')}
.background2{background: url('...')}

这可能是一种骇人听闻的方式，但通过这种方式，您至少可以对“链接部分”进行分类。

于 2013-07-10T23:03:26.983 回答
0

如果你真的想做这个客户端，我建议：

var pageBackground = {
    'default' : 'classOne',
    '22' : 'classTwo',
    '23' : 'classThree'
};

document.body.className = pageBackground[window.location.split('cPath=')[1] || 'default'];

再加上样式表：

body.classOne {
    background-image: url(path/to/defaultImage.png);
}
body.classTwo {
    background-image: url(path/to/imageTwo.png);
}
body.classThree {
    background-image: url(path/to/imageThree.png);
}
于 2013-07-10T23:04:05.570 回答
-1

在正文标记类型内的 html 页面上：

<body background="your file">

</body>

您可以在需要不同背景的每个页面上执行此操作，它将覆盖任何样式化正文的 CSS 样式

于 2013-07-10T22:56:30.030 回答