Уроки
1

Скрипт смена фона сайта ucoz

Данный скрипт позволит каждому пользователю вашего ucoz сайта, поменять фон индивидуально для себя, жто очень удобно, и приятно !

Качаем скрипт, заливаем в корень сайта, картинки так же (папки не создаем)


Код ставим после <body 

Код
<script src="/cookie.js"></script>



Ставим в то место где хотим видеть выбор стилей фона
Код
<div class="backs" title="Сменить фон">  
  <img id="jp1" src="/1.jpg" width="20px" /><br> <br>  
  <img id="jp2" src="/2.jpg" width="20px" /><br> <br>  
  <img id="jp3" src="/3.jpg" width="20px" /><br> <br>  
  <img id="jp4" src="/4.jpg" width="20px" /><br> <br>  
  <img id="jp5" src="/5.jpg" width="20px" /><br> <br>  
  <img id="jp6" src="/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("/1.jpg")');  
  });  
  $('#jp2').click(function() {  
  setCookie('j2', 365);  
  eraseCookie('j1');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('body').css('background-image', 'url("/2.jpg")');  
  });  
  $('#jp3').click(function() {  
  setCookie('j3', 365);  
  eraseCookie('j2');eraseCookie('j1');eraseCookie('j4');eraseCookie('j5');eraseCookie('j6');  
  $('body').css('background-image', 'url("/3.jpg")');  
  });  
  $('#jp4').click(function() {  
  setCookie('j4', 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j1');eraseCookie('j5');eraseCookie('j6');  
  $('body').css('background-image', 'url("/4.jpg")');  
  });  
  $('#jp5').click(function() {  
  setCookie('j5', 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j1');eraseCookie('j6');  
  $('body').css('background-image', 'url("/5.jpg")');  
  });  
  $('#jp6').click(function() {  
  setCookie('j6', 365);  
  eraseCookie('j2');eraseCookie('j3');eraseCookie('j4');eraseCookie('j5');eraseCookie('j1');  
  $('body').css('background-image', 'url("/6.jpg")');  
  });  

  if(getCookie('j1')) {  
  $('body').css('background-image', 'url("/1.jpg")');  
  };  
  if(getCookie('j2')) {  
  $('body').css('background-image', 'url("/2.jpg")');  
  };  
  if(getCookie('j3')) {  
  $('body').css('background-image', 'url("/3.jpg")');  
  };  
  if(getCookie('j4')) {  
  $('body').css('background-image', 'url("/4.jpg")');  
  };  
  if(getCookie('j5')) {  
  $('body').css('background-image', 'url("/5.jpg")');  
  };  
  if(getCookie('j6')) {  
  $('body').css('background-image', 'url("/6.jpg")');  
  };  
  </script>

Теги материала :уроки от on-lainfiles, уроки по ucoz, как сменить фон сайта
Уважаемый посетитель, вы зашли на наш портал как незарегистрированный пользователь.
Мы рекомендуем вам зарегистрироваться либо войти на сайт под своим логином.
Автор: ГостьПросмотров: 2244
Всего комментариев: 1
Всего 1 комментарий
Написал: Гость #1 01.12.2011, 15:24
http://mp3next.ucoz.ru
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Последние ответы с форума
Форум Ответы
Заказ Рекламы
Добавлено в раздел: Ваша реклама на нашем сайте
3
Услуги и Цены
Добавлено в раздел: Наши Цены
4
Ваши предложения по созданию нового урока
Добавлено в раздел: Какой будет следующий урок
1
Набор персонала
Добавлено в раздел: Набор персонала
0
Мини-чат
Вы не можете добавлять сообщения в чат Зарегистрируйтесь или Войдите под своим логином!
Категории
Магазин [0]
Здесь, вы можете приобрести разные материалы
Шрифты [10]
Шаблоны [17]
Программы [8]
PSD [12]
бесплатные psd исходники
Для Ucoz [0]
Все для Ucoz
Текстуры [11]
В данной категории размещаются текстуры высокого разрешения.
Ваши работы [0]
выкладывайте ваши работы,чтобы продемонстрировать свое мастерство владением фотошопа
Уроки [44]
Статистика

Анализ сайта онлайн   


За месяц:
За неделю: 0
Вчера: 0
Сегодня: 0

Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня нас посетили: user's

Поиск
Партнеры сайта
              
              




Уроки UCOZ