Время:
Новых сообщений: Нет
Вы на форуме дней
Ваша группа: Гость
Ваш IP: 18.226.200.93
Logical-Portal — молодежный портал со своей изюминкой, каждый сможет найти что-то интересное и полезное для себя, например наш форум общения с которым вам обязательно нужно ознакомиться.
  • Страница 1 из 1
  • 1
Смена фона сайта с запоминанием на cookie by Apocalypse для
Сообщение оставлено 06.07.2011 в 11:18:33 | Сообщение #1
Данный скрипт позволяет менять фон вашего сайта с запоминанием выбора.

Установка:

После /head на нужных страницах вставляйте:
Code
<script src="/apo/cookie.js"></script>

В то место, где будет панелька выбора фона:
Code
<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', 365);   
   eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');   
   $('body').css('background-image', 'url("/apo/1.jpg")');   
   });   
   $('#jp2').click(function() {   
   setCookie('j2', 365);   
   eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');   
   $('body').css('background-image', 'url("/apo/2.jpg")');   
   });   
   $('#jp3').click(function() {   
   setCookie('j3', 365);   
   eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');   
   $('body').css('background-image', 'url("/apo/3.jpg")');   
   });   
   $('#jp4').click(function() {   
   setCookie('j4', 365);   
   eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6');   
   $('body').css('background-image', 'url("/apo/4.jpg")');   
   });   
   $('#jp5').click(function() {   
   setCookie('j5', 365);   
   eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6');   
   $('body').css('background-image', 'url("/apo/5.jpg")');   
   });   
   $('#jp6').click(function() {   
   setCookie('j6', 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>

скачать
 
 
   
  • Страница 1 из 1
  • 1
Поиск:
 
Графика от: Megas, GraFOS | Дизайн сверстал E.A.
Хостинг от uCoz
Яндекс.Метрика