Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #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 .
Ответить с цитированием
  #2 (permalink)  
Старый 20.08.2017, 09:18
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

body {
    background-color: #363636;
    color: #b3b3b3;
    padding: 10px;
    margin: 0;
    cursor: default;
    font: 12px Arial,sans-serif;
}

.img {
    background-image: url(pat.png);
    background-position: left bottom;
    background-repeat: repeat-y;
}


<body class="img">


$(function() {
    $("#home").click(function() {
        $('body').toggleClass('img')
    });
});
Ответить с цитированием
  #3 (permalink)  
Старый 20.08.2017, 11:27
3uk 3uk вне форума
Новичок на форуме
Отправить личное сообщение для 3uk Посмотреть профиль Найти все сообщения от 3uk
 
Регистрация: 20.08.2017
Сообщений: 2

Настолько мало кода, спасибо за помощь )
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Смена цвета/картинки фона при нажатии на элемент Webtest Элементы интерфейса 16 20.04.2017 22:36
Сохранение цвета рамки DIV при нажатии, и сброс при нажатии на другой DIV этого класа Webtest Элементы интерфейса 3 29.06.2014 22:13
Изменение цвета текста кнопки и цвета кнопки при нажатии Setta jQuery 22 31.07.2013 17:48
Замена ссылки при нажатии на него kenzhik Общие вопросы Javascript 8 18.06.2013 11:20
при нажатии на картинку(типа кнопки) скрывать и показывать DIV Russianmaniac Элементы интерфейса 4 28.11.2010 00:47