Главная » Файлы » Скрипты для uCoz » Скрипты by Apocalypse |
Смена фона сайта с запоминанием на cookie by Apocalypse для uCoz
23.06.14, 15:46:12 | |
![]() Данный скрипт позволяет менять фон вашего сайта с запоминанием выбора. Скрипт разработан для моего нового проекта и не выложить в паблик я просто не мог Установка: После /head на нужных страницах вставляйте: Код <script src="/apo/cookie.js"></script> В то место, где будет панелька выбора фона: Код <div class="backs" title="Выбор фона"> <img id="jp1" src="/apo/1.jpg" width="20px" /><br> <br> <img id="jp2" src="/apo/2.jpg" width="20px" /><br> <br> <img id="jp3" src="/apo/3.jpg" width="20px" /><br> <br> <img id="jp4" src="/apo/4.jpg" width="20px" /><br> <br> <img id="jp5" src="/apo/5.jpg" width="20px" /><br> <br> <img id="jp6" src="/apo/6.jpg" width="20px" /> </div> <script> $('#jp1').click(function() { setCookie('j1', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); $('body').css('background-image', 'url("/apo/1.jpg")'); }); $('#jp2').click(function() { setCookie('j2', 1, 365); eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); $('body').css('background-image', 'url("/apo/2.jpg")'); }); $('#jp3').click(function() { setCookie('j3', 1, 365); eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6'); $('body').css('background-image', 'url("/apo/3.jpg")'); }); $('#jp4').click(function() { setCookie('j4', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6'); $('body').css('background-image', 'url("/apo/4.jpg")'); }); $('#jp5').click(function() { setCookie('j5', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6'); $('body').css('background-image', 'url("/apo/5.jpg")'); }); $('#jp6').click(function() { setCookie('j6', 1, 365); eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j1'); $('body').css('background-image', 'url("/apo/6.jpg")'); }); if(getCookie('j1')) { $('body').css('background-image', 'url("/apo/1.jpg")'); }; if(getCookie('j2')) { $('body').css('background-image', 'url("/apo/2.jpg")'); }; if(getCookie('j3')) { $('body').css('background-image', 'url("/apo/3.jpg")'); }; if(getCookie('j4')) { $('body').css('background-image', 'url("/apo/4.jpg")'); }; if(getCookie('j5')) { $('body').css('background-image', 'url("/apo/5.jpg")'); }; if(getCookie('j6')) { $('body').css('background-image', 'url("/apo/6.jpg")'); }; </script> Все файлы из прикреплённого архива залейте в папку apo (Создайте её, если таковой ещё нет) Материал подготовлен Apocalypse | |
Просмотров: 622 | Загрузок: 0 | Комментарии: 4 | |
Всего комментариев: 4 | |||||
| |||||