Показать сообщение отдельно
  #1 (permalink)  
Старый 20.08.2017, 08:44
3uk 3uk вне форума
Новичок на форуме
Отправить личное сообщение для 3uk Посмотреть профиль Найти все сообщения от 3uk
 
Регистрация: 20.08.2017
Сообщений: 2

Замена цвета в body при нажатии div id
Нужна помощь с js скриптом, в нём я не особо разбираюсь, но я изменяю одну программу браузерную .

Body имеет background img , мне нужно при нажатии
home
, изменение background img на цвет #363636 и при повторном нажатии, возвращение на img .

<!DOCTYPE HTML>

<html>

<head>
	<meta http-equiv="content-type" content="text/html; charset=utf-8">
	<title>3uk</title>
	<script type="application/javascript" src="vendor/jquery.min.js"></script>
	<script type="application/javascript" src="vendor/masonry.pkgd.min.js"></script>
	<script type="application/javascript" src="lib/constants.js"></script>
	<script type="application/javascript" src="lib/sheets.js"></script>
	<script type="application/javascript" src="lib/portrait.js"></script>
	<script type="application/javascript" src="lib/pcstats.js"></script>
	<script type="application/javascript" src="lib/export.js"></script>
	<script type="application/javascript" src="accounts.js"></script>
	<script type="application/javascript" src="lib/realmapi.js"></script>
	<script type="application/javascript" src="lib/options.js"></script>
	<script type="application/javascript" src="lib/totals.js"></script>
	<script type="application/javascript" src="lib/mule.js"></script>
	<script type="application/javascript" src="lib/muledump.js"></script>
	<link type="text/css" rel="stylesheet" href="lib/dump.css">
	<link type="image/png" rel="shortcut icon" href="lib/favicon.png">
</head>

<body>
	<img id="renders" alt="renders" src="lib/renders.png" style="display:none">
	<span id="accopts" style="display: none;" class="menu"></span>
	<div id="main">
		<div id="top">
			<div id="cnt" style="display: none;">waiting requests: <span id="counter"></span></div>
			<div class="handle"><span>options</span><span id="options" class="menu"></span></div>
			<div id="reloader">reload all</div>
			<div class="handle"><span>export</span><span id="export" class="menu"></span></div>
			<div id="update">update</div>
			<div id="home">home</div>
		</div>
		<div id="totals"></div>
		<div id="errors"></div>
		<div id="stage"></div>
	</div>
</body>

</html>


body {
	background: url(pat.png);
	background-position: left bottom;
	background-repeat: repeat-y;
	color: #b3b3b3;
	padding: 10px;
	margin: 0;
	cursor: default;
	font: 12px Arial,sans-serif;


Если с возвращением сложно, то просто заменять при нажатии на цвет #363636 .
Ответить с цитированием