Уроки
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>
<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>
Теги материала :
Уважаемый посетитель, вы зашли на наш портал как незарегистрированный пользователь.
Мы рекомендуем вам зарегистрироваться либо войти на сайт под своим логином.
Мы рекомендуем вам зарегистрироваться либо войти на сайт под своим логином.
Автор: ГостьПросмотров: 2786
Всего комментариев: 1 | |
Написал: Гость #1 01.12.2011, 15:24
http://mp3next.ucoz.ru
| |
Последние ответы с форума
Форум | Ответы |
Заказ РекламыДобавлено в раздел: Ваша реклама на нашем сайте | 3 |
Услуги и ЦеныДобавлено в раздел: Наши Цены | 4 |
Ваши предложения по созданию нового урокаДобавлено в раздел: Какой будет следующий урок | 1 |
Набор персоналаДобавлено в раздел: Набор персонала | 0 |
Мини-чат
Категории
Статистика
Поиск