背景改变javascript和var

Question

我正在我的服务器上工作，我将为我的服务器（gmod）制作一个加载屏幕，特别是加载屏幕来它会打开一个 URL，在这个 URL 中我通常可以获取 Steam 的 ID正在加入我的服务器然后加载屏幕的用户使用他自己的 id 头像和其他人......

所以你可以意识到像反恐精英这样的普通游戏，你会加入服务器，然后加载屏幕会打开一个 URL 并通过 URL (ht tp://blabla.com/index.php? steamid=%s) 你会自动发送 Steam id 和其他人...

我的加载屏幕也是 index.php，它看起来像这样，然后从游戏中打开 -> 加载屏幕

我的加载屏幕还有 index.php 可以获取地图名称和服务器名称。所以我考虑过，每款游戏背景相同的都不可怕所以这是我的想法：

当地图加载时，我们可以说 cs_office，而不是在子文件夹中搜索 for'backgrounds/cs_office/...' 当它找到文件夹时 -> 设置背景路径到这个 -->> 否则使用默认背景 --

就是main.js（抓取id的脚本）

所以可以说，我现在制作了一个 var，我将制作背景，但不能，因为它是一个 extern.css 文件，我曾经通过 php 更改它，错误的是我不能使用 php，所以我必须使用 javascript 我必须先将 style.css 重命名为 style.php 并包含它<?php include 'style.php'; ?>

现在我尝试将地图名称变成路径中的特殊名称：(style.php)

所以我的想法是，我将为每张地图制作一个包含 6 张地图截图的文件夹，然后地图中不存在该文件夹 - 使用包含 6 张图片的默认背景文件夹

这是一个动态背景，所以在 6 个图像之间切换..

好的，我将在可用时制作最后一个，每张地图都加载自己的背景..

所以我为地图 de_dolls 创建了一个文件夹

(http://mdettt.bugs3.com/TTTindex/Crystal_Load/backgrounds/de_dolls/)

edit: 这是我的main.js 部分

function GameDetails( servername, serverurl, mapname, maxplayers, steamid, gamemode ) 
{
 document.getElementById( "s-name" ).innerHTML = servername;
 var maap = document.getElementById( "s-map" ).innerHTML = mapname;
 document.getElementById( "s-mode" ).innerHTML = gamemode;
}

css 作为 php 部分：

#background-scroll { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index:-10;}
#bg1 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/1.jpg;'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg2 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/2.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg3 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/3.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg4 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/4.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg5 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/5.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}
#bg6 {background: url('backgrounds/<script type="text/javascript"> document.write(mapn) </script>/6.jpg; ?>'); background-size: 100% auto; background-size: cover; width: 100%; height: 100%;}

还有一些参数如何接收地图名称...

  <ul id="server-list">
      <li><img src="images/server-name.png" alt="Server Name" /> <span id="s-name">Server Name</span></li><!-- Dynamically adds the server name -->
      <li><img src="images/server-mode.png" alt="Game Mode" /> <span id="">Trouble in Terrorist Town</span></li><!-- Dynamically adds game mode name -->
      <li><img src="images/server-map.png" alt="Map Name" /> <span id="s-map">Server Map</span></li><!-- Dynamically adds map name -->
  </ul>

--

<div id="background-scroll"><!-- Add Backgrounds so we can have multiple ones -->
<div id="bg1"></div><!-- BG 1 -->
<div id="bg2"></div><!-- BG 2 -->
<div id="bg3"></div><!-- BG 3 -->
<div id="bg4"></div><!-- BG 4 -->
<div id="bg5"></div><!-- BG 5 -->
<div id="bg6"></div><!-- BG 6 -->
</div>

Answer 1

文字墙。妈的。我只是看了标题并回答了。

$("#changeBackground").click(function() {
    $("body").css({"background-color" : yourColor});
)};

使用 jQuery。它比纯 JS 更容易。