Замена цвета в 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 . :help: |
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')
});
});
|
Настолько мало кода, спасибо за помощь )
|
| Часовой пояс GMT +3, время: 11:28. |